jquery scrollview简单的示例请求

时间:2011-06-10 23:34:21

标签: jquery jquery-ui scrollview

我一直在尝试使用基本的scrollview工作,我必须遗漏一些非常基本的东西。我查看了演示页面,并下载了jquery.mobile.scrollview,js / cvss和额外的scrollview.js,你可以看到我正在运行的其他版本的脚本。如果我可以有一个非常基本的例子作为我可以看到的自包含拉链,那就太棒了。

或者可能只有一点但我缺少初始化滚动条的JS?

<link href="jquery/jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/>
<link href="jquery/jquery.mobile.scrollview.css" rel="stylesheet" type="text/css"/>
<script src="jquery/jquery-1.5.min.js" type="text/javascript"></script>
<script src="jquery/jquery.mobile-1.0a3.min.js" type="text/javascript"></script>
<script src="jquery/jquery.tmpl.min.js" type="text/javascript"></script>
<script src="jquery/jquery.mobile.scrollview.js" type="text/javascript"></script>
<script src="jquery/scrollview.js"></script>

...

<div id="vechileSearchResultsScroller" data-scroll="y">
      <ul id="vehicleSearchResults" data-role="listview" >
            <li>one</li>
            <li>two</li>
            <li>three</li>
            <li>four</li>
            <li>five</li>
            <li>six</li>
            <li>seven</li>
            <li>eight</li>
            <li>nine</li>
            <li>ten</li>
      </ul>
    </div>

1 个答案:

答案 0 :(得分:0)

  1. 您需要将高度添加到parentNode,在这种情况下为#vechileSearchResultsScroller

  2. 尝试在您的网络中添加此代码

    $(function(){
        $('#vechileSearchResultsScroller').scrollview({
            direction:'y'
        })
    })