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，搞定吧here ，您可以对其进行编辑。不要像我在你的 jsfiddle 上看到的那样使用外部链接。它将提供默认的“jquery-mobile”样式。