打开/关闭时更改slicknav中的标签

Question

我试图更改Slicknav中的标签，以便在Slicknav菜单打开和关闭时使用。

在弹琴里，这里。 --我用标签关闭默认状态，对于打开状态--另一段文本，我想要另一段文本。

对于正常状态是这样的：

$('#menu').slicknav({
    duplicate: false,
    label: 'label closed'
});

我试过使用basic，如果这样的话，我觉得我只是搞砸了这段非常简单的javascript。

任何帮助都将不胜感激！

Answer 1

在看了一下文档之后

像这样的东西应该能起作用。

var $label;
$('#menu').slicknav({
    duplicate: false,
    label: 'label closed',
    init: function() {
        $label = $(".slicknav_menutxt");
    },
    open: function() {
        $label.text("label open");
    },
    close: function() {
        $label.text("label closed");
    } 
});

也是指向小提琴的链接

Answer 2

您可以直接更改文本，因为它包含在slicknav_menutxt - 小提琴类的span中。

$('#open').click(function (event) {
  event.preventDefault();
  $('#menu').slicknav('open');
  $(".slicknav_menutxt").text("label open");

});

$('#close').click(function (event) {
  event.preventDefault();
  $('#menu').slicknav('close');
  $(".slicknav_menutxt").text("label closed");

});

$('#toggle').click(function (event) {
  event.preventDefault();
  if ($(".slicknav_menutxt").text().indexOf("open") >= 0) {
    $(".slicknav_menutxt").text("label closed");
   } else {
    $(".slicknav_menutxt").text("label open");
  }
  $('#menu').slicknav('toggle');
});