jQuery .hasClass 和动态添加的类

Question

我正在使用名为 JS Scrollpane 的 jQuery 自定义滚动条库，但是当尝试将滚动条应用到已有滚动条的 DIV 时，它会产生意外的结果。所以我想检查的是类“.jspScrollable”是否已应用，如果是，则不应用滚动条。很简单，对吧？

类“.jspScrollable”是由脚本动态添加的，看起来 jQuery 的 hasClass 方法是静态的而不是动态的，所以它没有看到添加了新的类。有没有办法可以检查动态类何时已添加到元素？

不要介意 pageEls.bigcol 行。这只是一个小对象，我将所有选择器存储在其中以优化我的代码，因为该网站目前有大约 4000 行 JS 左右。

这是迄今为止我的代码:

function initScrollers()
{
    pageEls.bigcol = $(".bigcol").filter(':visible');

    var settings = {
        animateScroll: true,
        autoReinitialise: true,
        hideFocus: true,
        verticalGutter: 15
    };

    if ( pageEls.bigcol.length && !pageEls.bigcol.hasClass('noScroller') ) 
    {
        if ( !pageEls.bigcol.hasClass('.jspScrollable') )
        {
            if (pageEls.bigcol.height() > 290)
            {
                pageEls.bigcol.jScrollPane(settings);
            }
        }
    }
}

Answer 1

您不需要 hasClass 方法参数中的 .。

更改:

 if ( !pageEls.bigcol.hasClass('.jspScrollable') )

至

 if ( !pageEls.bigcol.hasClass('jspScrollable') )