Jquery Mobile - 如何使用ScrollView ...我需要包含哪些内容?

时间:2011-10-04 14:09:01

标签: jquery mobile

这是我的代码:

        <div data-role="content" data-theme="b">
            <div data-scroll="y">
                <ul>
                    <li data-role="button" data-icon="arrow-r" onclick="redirectPage(1);">All Day and All of the Night-Kinks</li>
                    <li data-role="button" data-icon="arrow-r" onclick="redirectPage(2);">Sunshine of Your Love-Cream</li>

                </ul>
            </div>
        </div>

我已经包含了所有文件但仍无法正常工作

1 个答案:

答案 0 :(得分:3)

您需要包含css文件和jquery缓动脚本。

脚本必须包含在此顺序中:

  • jquery的
  • jquery.mobile
  • jquery.easing
  • jquery.mobile.scrollview
  • 滚动视图

css文件为您提供了滚动条,jquery.easing提供了流畅的动画(一个令人印象深刻的项目),jquery.mobile.scrollview完成繁重的工作,scrollview刮擦页面并为scrollview添加足够的标记结束了。

原因是“实验性”。该功能尚未得到官方支持,但我发现移动设备上的问题很少。

值得注意的是,在版本1.1中实现正确的固定工具栏是expected to be released,因此不需要使用单独的滚动脚本来处理仅滚动 内容。如果你想要其他类型的滚动,你仍然需要额外的东西。