组合jquery移动标签和可滚动内容

我有一个用cordova实现的移动应用程序

我使用JQuery、jQueryMobile、Iscroll和Iscrollview在一个页面上创建了一个可滚动的a div

以下是可滚动潜水的html：

<div data-role="page" align="center" id="index">

    <div data-role="header" style=""><h1 style="">Index page</h1></div>

    <div data-role="content" align="left" style="" id="contentId" >

       <div id="myScrollableDiv" class="example-wrapper" data-iscroll='{"bounce":false}'>
          <ul id="myUL" style=""  data-role="listview"></ul>
       </div>

    </div>

    <div id="footer" style="" data-role="footer" >
        <button style="" id="footerOkButton" type="button" >OK</button>
    </div>    
</div>

索引页

好啊

现在我想添加选项卡。我希望可滚动div位于第一个选项卡上

所以我重新构建了我的html，现在当我只希望myScrollableDiv中的内容滚动时，整个页面就会滚动：

<div data-role="tabs" id="tabs" style="display:none;">
      <div data-role="navbar">
        <ul>
           <li><a href="#tabs-1">Tab 1</a></li>
           <li><a href="#tabs-2">Tab 2</a></li>
           <li><a href="#tabs-3">Tab 3</a></li>
        </ul>
      </div>

      <div align="center" id="index" class="ui-content">
         A text area: <textarea id="myTextArea"></textarea></br>
         Some text<br>
        <div data-role="content" align="left" style="" id="contentId" >

           <div id="myScrollableDiv" class="example-wrapper" data-iscroll='{"bounce":false}'>
            <ul id="myUL" style=""  data-role="listview">
            </ul>
           </div>

        </div>
      </div>

      <div id="tabs-2" class="ui-content">
         <p>tab 2</p>
      </div>

      <div id="tabs-3" class="ui-content">
         <p>tab 3</p>
      </div>
 </div>

文本区域：

一些文本



表2

表3

有人成功地将JQuery移动标签与IScroll/IScrollView结合在一起了吗

如果你面对这个问题，你会如何着手找出问题所在