JqueryMobile Nativedroid2选项卡嵌套在其他选项卡中

Question

我在标准的nativedroid2 demo＆＃34; colors＆＃34;中嵌套了两个标签。标签。认为这将作为常规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/