2012-07-15 74 views
0

我在iScroll未正確初始化我的jQuery移動項目時出現問題。 iScroll插件僅用於一個子頁面,允許在大圖像上進行水平滾動(需要使其在Android上運行,因爲它們的瀏覽器不支持開箱即用)...iScroll無法初始化,直到頁面被重新加載

插件工作原理如果您直接訪問該URL,或者手動刷新它,則會正確。但是,當您通過菜單訪問它時,從另一個起點開始,它將不起作用。我猜這與jQuery手機中的ajax加載有關,但將鏈接設置爲data-ajax =「false」不是一種選擇,因爲我需要整個工作以及作爲主屏應用程序iOs(出於某種奇怪的原因,在新的Safari窗口中打開與data-ajax =「false」的鏈接)。

在head標籤:

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.js 
</script> 
<script type="application/javascript" src="js/iscroll.js"></script> 
<script type="text/javascript"> 
var myScroll; 
function loaded() { 
    setTimeout(function() { 
     myScroll = new iScroll('wrapper'); 
     refresh(); 
    }, 100); 
} 
window.addEventListener('load', loaded, false); 
</script> 

在內容部分:

<div data-role="content"> 
    <div id="wrapper"> 
    <div id="scroller"> 
    <img src="images/turkart.png" /> 
    </div> 
    </div> 
</div> 

有什麼辦法它的加載後,我可能會迫使實際頁面的刷新,或有任何其他我強制iScroll被正確初始化?

回答

相關問題