mCustomScrollbar不适用于其他页面

时间:2014-07-16 06:21:08

标签: jquery dynamic-pages

我正在使用mCustomScrollbar来设置滚动条的样式,但是遇到了一些问题。 当我动态更改页面时,效果不会出现。

<link rel="stylesheet" href="css/jquery.mCustomScrollbar.css" />

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>

我使用此功能更改页面。

function processResponse() {  
    if (request.readyState == 4) {   
        if (request.status == 200) {   
        var response = request.responseText;
document.getElementById("content").innerHTML = response;
      }
   }
}

我没有更改js文件中的任何代码。此外,如果我直接进入页面,它也可以工作。 我需要在processResponse函数中添加任何函数吗?

在动态页面中:我添加了mCustomScrollbar所需的名为“content mCustomScrollbar”的类

<div id="content" style="position: absolute;left: 7%;right: 7%">
<div id="id_div_paragraph" class="content mCustomScrollbar" style="position: absolute;left: 450px;float:left;/*padding:20px 28px;*/padding-top: 20px;padding-left: 28px;padding-bottom: 20px;padding-right: 15px;font-size:18px;overflow: auto;background-color:#FFFFFF;opacity:0.75;">
Content Here....
</div>

谢谢。

1 个答案:

答案 0 :(得分:0)

请将您的Jquery库文件替换为第一个位置

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>