Jquery 适用于每个页面的mCustomScrollbar脚本

我让页面使用mCustomScrollbar&此页面还使用jquery将另一个页面加载到其中。

---

我的问题是如何为每个页面设置委托mCustomScrollbar？

使滚动条中的所有元素都位于同一个类上，然后将您拥有的代码片段放入外部.js文件中

应该是这样的：

$(".text").(mCustomScrollbar({
        theme:"dark-thin",
        advanced:{
            autoScrollOnFocus:false,
            updateOnContentResize:true,
            updateOnBrowserResize:true
        }
    });

然后在父页面（使用jquery.load的页面）中加载.js脚本，如下所示：

$(document).ready(function() {
$(".text").delegate("click", function({
        $(this).mCustomScrollbar({
                theme:"dark-thin",
                advanced:{
                    autoScrollOnFocus:false,
                    updateOnContentResize:true,
                    updateOnBrowserResize:true
                }
        });
});
});

---

注意：如果您使用的是jQuery 1.7+，请使用.on（）而不是delegate（）。

mCustomScrollbar始终调用

如果搜索jquery.mCustomScrollbar.concat.min.js，您将看到：

<script src="blabla.js"></script>

并在每次使用customscrollbar时调用外部js函数

样本：

我在html的多个div中使用这个自定义滚动条

所以我编写了外部js（例如：ayam.js）

函数content1（）{
$（“.content1”）.mCustomScrollbar（{theme:“暗瘦”}）； }

因此，每次我调用另一个div，我都会调用onclick=“content1”

---

抱歉，我的英语不好，我来自印度尼西亚：）谢谢

我要问的是，当jquery将外部页面加载到父页面时，脚本不适用于外部页面如果我理解正确，您希望它不应用于父页面外的元素。对吗？那就试试我的解决办法。将您拥有的函数放在一个外部.js文件中，并将您想要滚动条中的所有元素作为“class='text'”应用于委托是否可行？我不知道如何在这种情况下应用，您使用的是什么jQuery版本？如果您使用的是1.7+，那么请改用.on（）。

<script src="'+a+'//

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

$("***your class or your id***").mCustomScrollbar({theme:"dark-thin"});