Блог

Сегодня я пытался заставить работать базовый scrollview, и, должно быть, мне не хватает чего-то действительно базового. Я просмотрел демонстрационные страницы и загрузил jquery.mobile.scrollview, js / cvss и дополнительные scrollview.js вы также можете увидеть другие версии скриптов, которые я запускаю. Если бы у меня был действительно простой пример в виде автономного zip-файла, на который я мог бы посмотреть, это было бы потрясающе.

или, может быть, есть небольшое «но» в 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. вам нужно добавить высоту к parentNode , в данном случае это #vechileSearchResultsScroller

2. попробуйте добавить этот код в свой веб-сайт

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