1

我在标准 nativedroid2 演示“颜色”选项卡中嵌套了两个选项卡。认为这将作为常规的 jQuery 移动选项卡工作，但它似乎没有按预期工作。

当我导航到颜色选项卡并单击子选项卡时，子选项卡内容会从左/右滑动，显示在监视器上，然后再向左/向右滑动以显示空白页。任何想法如何解决它？

这是设置选项卡的方式：

<ul data-role="nd2tabs">
        <li data-tab="friends">Friends</li>
        <li data-tab="work" data-tab-active="true">Work</li>
        <li data-tab="holiday">Holiday</li>
        <li data-tab="colors">Colors</li>
</ul>

这是颜色选项卡的内容：

<div data-role="nd2tab" data-tab="colors">
    <ul data-role="nd2tabs" data-swipe="true">
        <li class="ui-btn ui-mini nd2-btn-icon-block nd2Tabs-nav-item" data-tab="new" data-tab-active="true"><a style="font-size:10px; color:black">newly created tab</a></li>
        <li class="ui-btn ui-mini nd2-btn-icon-block nd2Tabs-nav-item" data-tab="old"> <a style="font-size:10px; color:black">very old tab</a></li>
    </ul>
    <div data-role="nd2tab" data-tab="new">
        <p>some new content</p>
    </div>                  
    <div data-role="nd2tab" data-tab="old">
        <p>very very old content</p>
    </div>
</div>

这是一个小提琴：

http://jsfiddle.net/peterPP1/7761152a/1/

4

0 回答 0