mCustomScrollbar не работает на другой странице

Question

Я использую 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?

На динамической странице: я добавил класс с именем "content mCustomScrollbar", который требуется для 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>

Спасибо.

Answer 1

Пожалуйста, замените свой файл библиотеки 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>