Question

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

我有页面使用mCustomScrollbar＆amp;此页面还使用jquery 加载另一个页面。我的问题是如何为每个页面设置委托mCustomScrollbar？

Answer 1

将滚动条所需的所有元素放在同一个类中，然后将您所拥有的代码放在外部.js文件中。

应该是这样的：

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

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

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

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

Answer 2

mCustomScrollbar始终致电http://ajax.googleapis.com/

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

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

引用

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

因此您需要在每个页面中调用上面的脚本（直接进入http://ajax.googleapis.com/）

因为jquery.mCustomScrollbar.concat.min.js在其脚本中调用另一个jquery

你需要添加另外一个调用

以下函数的外部js

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

并且每次使用此海关滚动条都会调用外部js函数。

示例：

我在html

中的多个div中使用此自定义滚动条

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

function content1（）{
$（ “内容1 ”）mCustomScrollbar（{主题：“ 暗薄”}）;。 }

所以我称之为另一个div我打电话onclick =“content1”

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

每个页面的mCustomScrollbar脚本

2 个答案: