JQuery Mobile - 正在複製的腳本

我最近開始在一個小項目上嘗試jQuery移動並遇到問題。我非常新手使用這個框架，並希望什麼建議可以提供JQuery Mobile - 正在複製的腳本

的腳本是造成麻煩的問題是一個自定義的滾動條 http://manos.malihu.gr/jquery-custom-content-scroller/

的想法是，當一個菜單項點擊，它觸發包含自定義滾動條的面板中的幻燈片。問題是，當我第一次加載網站時，滾動條顯示正常。如果我然後導航到另一個頁面並返回到第一頁，滾動條似乎已經重複。如果我再次重複這個過程，那麼它會出現第三次和第四次。

此問題似乎只發生在使用AJAX加載的桌面上。它只在它發生的'第一頁'上。理想情況下，我想保持AJAX加載，但如果可以的話，但這似乎是問題的根源，因爲在鏈接上使用rel =「」external「似乎可以解決問題。顯然，這會強制重新加載頁面，我希望儘可能避免

<!DOCTYPE html> 
<html> 
<head> 

//containing Jquery mobile js and css as well as bootstrap and a few smaller extras 

</head> 

<body> 

<div data-role="page" class="padded-bottom" id="member-page"> 

//slide in panels are included here 

<div data-role="header" class="top-bar"> 

//contains the menu 

</div><!-- /header --> 

<section data-role="content" class="mid" style="height:auto;"> 

//page content 

</section> 

//footer content 

<script> 

$(".content-scrollbar").mCustomScrollbar({ 
advanced:{updateOnContentResize:true} 
}); 

</script> 

//other minor footer scripts 

</div><!-- page --> 

</body> 
</html>`

這是我的「第一頁」，但網站上的後續頁足夠近相同奠定了一個基本的佈局，這就是我想我也許會是錯誤的。當我瀏覽遠離'第一個'頁面並返回，加載微調器不再顯示，假設頁面可能已經以某種方式被緩存，我不確定但是這就是問題發生的時間。

對不起，如果我已經漫步但我真的很感激一些advi在這個問題上，它令我瘋狂，我很想找到它。由於

來源

2013-11-02 Adam

請嘗試：

$(".content-scrollbar").mCustomScrollbar("update");

阿賈克斯之後更新UI

或許

$（「內容滾動條。」）mCustomScrollbar（「毀滅」）。

之前初始化插件

我希望我能幫助

編輯1

if($(".mCustomScrollbar").length > 0){ 
    $(".content-scrollbar").mCustomScrollbar("destroy"); 
} 


$(".content-scrollbar").mCustomScrollbar({ 
    advanced:{updateOnContentResize:true} 
});

來源

2013-11-02 14:15:26 Sandcar

謝謝你的快速回復。我已經嘗試過的第一個選項，結果相同。我很抱歉，但是我會在第二個片段中做些什麼。當然，這將使滾動條不加載，或者我需要包括一個特定的jquery函數 – Adam

@ user1230可能有不止一個實例。您網頁上的滾動條類內容。嘗試檢查Chorme控制檯以檢查發生了什麼。 neverless看到我的編輯 – Sandcar

成功！在我致電頁面上的腳本之前就已經使用了'摧毀'，它看起來很有魅力。非常感謝您的意見，我可以在晚上再次入睡:)在我發佈我的回覆之前，希望確保在我的工作計算機上工作，但一切都很順利。不錯的一個 – Adam

JQuery Mobile - 正在複製的腳本

回答

相關問題