Question

以下是我的代码的jsfiddle链接。我没有任何JQuery UI默认CSS样式（我正在使用自定义样式），我认为这是问题所在。谢谢你的帮助

Answer 1

首先我注意到你没有使用最新版本的jquery，有1.5.1。其次，有一种更简单的方法将自己的CSS样式应用于jQuery UI小部件。转到他们的ThemeRoller并应用您自己的样式。它是一个伟大的工具调整风格。

Answer 2

确保在 jQuery-ui之前加载jQuery 。

<强>之前：

<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script>

<强>后：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js"></script> <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>

Answer 3

我添加了更多依赖项

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/jquery-ui.min.js"></script>
<script type="text/javascript" src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/i18n/jquery-ui-i18n.min.js"></script>

到你的jsfiddle，将它们复制掉： http://jqueryui.com/demos/tabs/ 然后它工作并应用所有必要的类。另外我建议你从jquery ui添加一个基本样式，然后在你之后应用你自己的css，否则它仍然会显示为不起作用。

Lauw

Answer 4

如果你想自定义CSS，如果你编辑原始CSS的副本，而不是自己生成一个全新的CSS，可能会更容易。

使用jsbin.com可能更容易使用CSS，因为它可以为您提供结果的完整页面，然后您可以使用检查器（例如Firebug或Safari的Web Inspector）并根据您的内容调整CSS 。 http://jsbin.com/ihizo5

Jquery UI选项卡不使用自定义CSS

4 个答案: