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被正確初始化?