Bootstrap .affix - jQuery hasClass 不起作用

Question

我正在使用 Bootstrap .affix 插件，并且我正在尝试在添加 affix 类时对导航栏执行一些操作，但由于某种原因，一旦将其添加到导航栏，我似乎无法访问该类.

请记住，导航栏只是我创建的一个变量。

navbar.affix({
    offset: {
        top: header.height()
    }
});

上面的代码在滚动标题高度后将 .affix 类添加到我的导航栏，当我查看 Chrome 开发人员工具时，我看到该类已添加，但是当我尝试执行以下操作时：

navbar.hasClass('affix', function() { // Do something });

上面的代码永远不会被调用.. 就好像 .affix 永远不会添加到导航栏。

我在这里遗漏了什么吗？它是否在做一些我不知道的事情以某种方式阻止我访问 .affix 类？

Answer 1

您不能将函数分配给hasClass 方法。而是使用基于 hasClass 结果的真/假条件来调用您的函数。

如果将类分配给一个元素，.hasClass() 方法将返回 true ...

https://api.jquery.com/hasclass/

编辑：我检查了使用navbar.attr('class') 将哪个类添加到元素中，结果是main-menu affix-top。因此，如果您检查hasClass('affix-top')，它应该可以工作。 https://jsfiddle.net/yqy7gah6/14/

编辑 2：您最好检查这三个类中是否存在任何一个，以确定已应用 affix：以下是词缀插件的工作原理：affix-top、@987654332 @ 和 affix-bottom.
您可以将hasClass 与OR 一起使用，或者您可以更好地使用jQuery is，如下所示：

if (navbar.is('.affix, .affix-top, .affix-bottom')) {
  // Do you stuff here
}

来自Bootstrap对Affix的描述：

1. 首先，插件添加.affix-top 表示该元素在其 最高的位置。此时不需要 CSS 定位。
2. 滚动过去要附加的元素应该会触发实际 粘贴。这是 .affix 替换 .affix-top 并设置位置的地方： 固定的; （由 Bootstrap 的 CSS 提供）。
3. 如果定义了底部偏移， 滚动过去应该将.affix 替换为.affix-bottom。自从 偏移量是可选的，设置一个需要您设置适当的 CSS。在这种情况下，添加 position: absolute;必要时。插件 使用 data 属性或 JavaScript 选项来确定在哪里 从那里定位元素。

Answer 2

如果你使用 jquery .hasClass，它只返回真/假，不接受函数；

if($(navbar).hasClass('affix'))
{ 
 CODE HERE  
};