2012-07-15 108 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被正确初始化?

回答

相关问题