Question

我是StackOverflow的新手，这是我的第一个问题，请原谅我，如果我做错了什么。

我的问题是如何让iScroll 4在使用load（）方法动态加载该页面的页面上处理多个div。

所以要把它分解成更简单的东西：

我有一个名为page.html的单独页面

<html>
      <body>

            <ul data-iscroll="scroller">
               ..lots of data..
            </ul>

            <ul data-iscroll="scroller">
               ..lots of data..
            </ul>

      </body>
</html>

然后在我的index.html页面上，我有所有库的常用标题标签，并且加载得很好（我知道它有效，因为当我在index.html页面中实际显示列表时 - ＆gt; iScroll工作正常。当列表动态加载时

我的index.html的正文是

<body>

      <div data-role="page>
            <div data-role="header" data-position="fixed">
                  <h3>header</h3>
            </div>

            <div data-role="content" id="content">
                 <!-- always empty - data will be loaded here -->
            </div>

            <div data-role="footer" data-position="fixed">
                 <h3>footer</h3>
            </div>
      </div>

</body>

页面被加载到内容中（这也有效，因为我可以看到所有内容）

$("#content").load("page.html",function(){
    $("#content").trigger('create');
});

而且你也知道，我的包含的库是

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.css" />
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.min.js"></script>
<!-- jScroll -->
<script src="iscroll.js" type="text/javascript"></script>
<script src="jquery.mobile.iscrollview.js" type="text/javascript"></script>

当我使用Chrome检查元素但是<ul>不会像我期望的那样单独滚动时，显示所有数据并且一切都在那里。有谁知道我做错了什么？

PS。我也在使用python -m SimpleHTTPServer 8013的简单服务器上运行它并通过PhoneGap运行Ripple仿真器来测试屏幕分辨率，因为这将适用于手机。

Answer 1

这可能有助于你理解和解决你的问题，我希望..如果你还不清楚，请告诉我，我会进一步向你解释...... My brief explanation about iScroll is here

Jquery Mobile + iscroll4 +动态页面加载

1 个答案: