在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，只需获取它here，然后您就可以对其进行编辑。不要像我在你的jsfiddle上看到的那样使用外部链接。它将提供默认的'jquery-mobile'风格。