Question

当我应用新主题时，我的jquery选项卡出了问题。即使使用模板主题或自定义主题，两者都无法正常工作。我的标签仅在我使用ui-lightness主题时才有效。

这里使用ui-lightness主题的示例：here

这里的代码与diff主题相同：here

html：

<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 one content.</p>
                  </div>
                  <div id="tabs-2">
                    <p>tab two content.</p>
                  </div>
                  <div id="tabs-3">
                    <p>tab three content.</p>
                  </div>
                </div>

脚本：

jQuery(function($)
            {
                $( "#tabs" ).tabs();

            });

我仍然是jquery的新手，可能在某个地方出错了。请指教。还有一件事，是否建议切换主题？

Answer 1

您似乎引用了错误的jQuery UI css（版本1），请尝试指向1.8.16版本，如：

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/smoothness/jquery-ui.css

演示：http://jsfiddle.net/vkq4vjtc/2/

Answer 2

您只需更新CSS文件即可 http://jsfiddle.net/vkq4vjtc/1/

带

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

祝你好运！：）

切换主题后jquery选项卡无法正常工作

2 个答案: