ScrollSpy“激活”事件不会触发

Question

我读了这个问题： 如何使用Twitter Bootstrap ScrollSpy执行函数 ，即首先要抓取事件，然后添加特定的函数。 首先，我是jQuery的新手，所以我不知道如何获取事件。

这是我的代码：

$(".navbar").scrollspy();
$('[data-spy="scroll"]').each(function()
{
    $(this).scrollspy('refresh');
});
$("ul.nav li").on("activate", function()
{
    console.log("ACTIVATED");
});

当然，手动触发它会运行该功能，但是无论我做什么，它似乎都无法正常工作。

有任何想法吗？

Answer 1

您的代码正确，最新版本（2.1.0）的Bootstrap修复了该问题。

参见https://github.com/twitter/bootstrap/issues/3316并在此处访问工作脚本： https : //github.com/twitter/bootstrap/blob/2.1.0-wip/js/bootstrap-scrollspy.js 。

Answer 2

您的li元素可能缺少下拉菜单

li.dropdown

否则它将无法正常工作，因为当您的元素具有与.dropdown-menu匹配的父元素时，他会专门寻找.dropdown，而在我的情况下，它始终为true。 这是在引导程序中执行的代码：

      active = $(selector)
      .parent('li')
      .addClass('active')

    if (active.parent('.dropdown-menu'))  {
      active = active.closest('li.dropdown').addClass('active')
    }

    active.trigger('activate')