Jquery mobile 页面内容中的Jquery移动选项卡

Jquery mobile 页面内容中的Jquery移动选项卡,jquery-mobile,Jquery Mobile,我正在jquerymobile中搜索一个插件来实现tab。选项卡必须位于页面内容中。这是我所拥有的 <div data-role="page" id="nav"> <div data-role="page" id="nav"> <div data-role="header"> <h3> Header </h3> </div> <div

我正在jquerymobile中搜索一个插件来实现tab。选项卡必须位于页面内容中。这是我所拥有的

<div data-role="page" id="nav">
  <div data-role="page" id="nav">
    <div data-role="header">
        <h3>
            Header
        </h3>
    </div>
    <div data-role="content">

        <div data-role="navbar" data-iconpos="top">

            <ul>
                <li>
                    <a href="#one" data-theme="" data-icon="" class="ui-btn-active ui-state-persist">
                        Button
                    </a>
                    </li>
                <li>
                    <a href="#" data-theme="" data-icon="">
                        Button
                    </a>
                </li>
                <li>
                    <a href="#" data-theme="" data-icon="">
                        Button
                    </a>
                </li>
                <li>
                    <a href="#" data-theme="" data-icon="">
                        Button
                    </a>
                </li>
                <li>
                    <a href="#" data-theme="" data-icon="">
                        Button
                    </a>
                </li>
            </ul>
        </div>
        <div data-role="page" id="one" data-transition="slide">
            <div data-role="content" style="background-color:#ff0;">    
                <h1>One</h1>
            </div>
        </div>
    </div>

    <div data-role="footer" data-position="fixed">
        <h3>
            Footer
        </h3>
    </div>
</div>

标题
一个 页脚
当我点击页面id“一”时。它没有显示其各自的内容。 任何人都可以帮助我。

我修改了标签栏,使其可以放置在页面中的任何位置。这就是你的想法吗

我修改了选项卡栏,允许将其放置在页面中的任何位置。这就是你的想法吗


或者您可以使用我的tabview插件。基于JQM collapsbile集合,您只需要用我的版本替换JQMs可折叠和可折叠集合小部件。旧的塌陷将继续正常工作。将
data type=“horizontal”
添加到可折叠集时,它将变为。。。标签

,回购日


我也喜欢其他解决方案。

或者你可以使用我的tabview插件。基于JQM collapsbile集合,您只需要用我的版本替换JQMs可折叠和可折叠集合小部件。旧的塌陷将继续正常工作。将
data type=“horizontal”
添加到可折叠集时,它将变为。。。标签

,回购日


我也喜欢另一种解决方案。

不错!我也要看看这个。太好了!也需要检查这个。然后请将我的答案标记为帮助你的答案,这样其他人也会看到。然后请将我的答案标记为帮助你的答案,这样其他人也会看到。