jquery - 在 jquery mobile 中创建选项卡

Question

我想在我的 jquery 移动应用程序中创建标签，如下所示：

功能是这样的，我认为：http: //jsfiddle.net/m8wQM/

        <div data-role="content">   
            <div data-role="navbar" id="navbar">
                <ul>
                    <li><a href="#" class="ui-btn-active" data-tab-class="tab1">Tab1</a></li>
                    <li><a href="#" data-tab-class="tab2">Tab2</a></li>
                    <li><a href="#" data-tab-class="tab3">Tab3</a></li>
                    <li><a href="#" data-tab-class="tab4">Tab4</a></li>
                </ul>
            </div>
            <div class="tab-content">
                <div class="tab1">
                    Tab1
                </div>
                <div class="tab2 ui-screen-hidden">
                    Tab2
                </div>
                <div class="tab3 ui-screen-hidden">
                    Tab3
                </div>
                <div class="tab4 ui-screen-hidden">
                    Tab4
                </div>
            </div>
        </div><!-- /content -->

我如何获得此页面上的外观和感觉？

Answer 1

您必须使用自己的 css，只需在此处获取，您就可以对其进行编辑。不要使用我在您的 jsfiddle 上看到的外部链接。它将提供默认的“jquery-mobile”样式。