jquery ui 选项卡帮助

Question

为什么使用 jquery 选项卡 UI 这么难：S..

我已经下载了没有主题的它，因为我想制作自己的主题，因为我不想要数百万个 CSS 只是为了使选项卡效果：S。

所以我现在需要使用CSS，这样我就可以隐藏内容，当我单击链接时，我应该保存内容..

这就是我现在所拥有的：

<script>
var $tabs = $('#tabs-1').tabs(); // first tab selected

$('#tabs-1').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});
</script>
                <div id="tabs">
                           <ul>
                              <li><a href="#tabs-1">Tab 1</a></li>
                              <li><a href="#tabs-2">Tab 2</a></li>
                              <li><a href="#tabs-3">Tab 3</a></li>
                           </ul>
                           <div id="tabs-1">
                              <p>Tab 1 content</p>
                           </div>
                           <div id="tabs-2">
                              <p>Tab 2 content</p>
                           </div>
                           <div id="tabs-3">
                              <p>Tab 3 content</p>
                           </div>
                        </div><!-- tabs -->

#tabs ul{
    width: 296px;
    float: left;
}

#tabs li {
    float: left;
    width: 95px;
    text-align: center;
}

#tabs-1 {

}

#tabs-2 {
    display: none;
}

#tabs-3 {
    display: none;
}

希望有人可以帮助我，我很困惑

Answer 1

首先

var $tabs = $('#tabs-1').tabs();

必须是

var $tabs = $('#tabs').tabs();

CSS规则，你必须覆盖或定义它们

.ui-tabs-hide {
 display:none;   
}

第二，如果你不下载你需要的

！而你根本不需要这个：

$('#tabs-1').click(function() { // bind click event to link
    $tabs.tabs('select', 2); // switch to third tab
    return false;
});