Question

我正在我的一个网站上实施Headroom.js。由于可用性原因，我需要能够在用户单击特定div时在初始化和销毁脚本之间切换。这个div的id是#hamburger

到目前为止，这是我的代码。

$(document).ready(function(){
  $("#hamburger").click(function(){
    $(".banner").headroom("destroy");
  });
});

现在，当用户点击时，会损坏Headroom脚本。

但是，如果用户再次单击相同的div，如何使脚本初始化？

我知道它已经完成了：

        $(".banner").headroom("init");

但我不知道如何使用jQuery构建它。

感谢任何帮助。

谢谢！

Answer 1

添加变量以跟踪脚本的状态并在click事件处理程序上进行检查：

^([^-]*-|[^:]*:)\s*

Answer 2

您可以通过向#hamburger元素添加on和off类来完成此操作。然后，您可以添加此脚本以进行切换：

$(document).ready(function(){
  $("#hamburger").click(function(){
    if ($(this).hasClass('on')) {
        $(".banner").headroom("destroy");
        $(this).removeClass('on').addClass('off');
    } else {
        $(".banner").headroom("init");
        $(this).removeClass('off').addClass('on');
    }
  });
});

Jquery - 单击时在两个函数之间切换

2 个答案: