Question

我打算在Slicknav菜单打开和关闭时尝试更改Slicknav中的标签。

In the jsfiddle, here.我已经使用标签关闭默认状态，而对于打开状态我想要另一段文字。

正常状态如此：

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

我已经尝试过使用基本的，如果这样，我觉得我只是弄乱了这个非常简单的javascript。

非常感谢任何帮助！

Answer 1

在docs上看一看这样的事情可以解决问题。

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");
    } 
});

此指向jsfiddle

的链接

Answer 2

您可以直接更改文字，因为它包含在课程slicknav_menutxt - Fiddle

的范围内

$('#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');
});

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

2 个答案: