1

这很奇怪，我不能让它停止发生。

这是相关的代码。我正在为 UI-lightness 主题使用 Google CDN 主机。

<div id="prof_div">
    <ul>
        <li><a href="#prof_home">Profile</a></li><br/>
        <li><a href="#prof_details">Details</a></li><br/>
        <li><a href="#prof_settings">Settings</a></li><br/>
    </ul>

这是唯一相关的 HTML。这是 jQuery/JavaScript

    $(document).ready(function() {  
        $('#prof_div').tabs({ 
            fx: { height: 'toggle', opacity: 'toggle' } 
        });
    });

它的显示如下：

TAB 1
      TAB 2
            TAB 3

而不是这样：

TAB 1 - TAB 2 - TAB 3

我根本没有对它们起作用的自定义 CSS（我什至将我的样式表空白以进行检查）。

知道为什么会这样吗？如有必要，我会发布屏幕截图。

谢谢！:)

编辑

这是我的 CDN 请求

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/ui-lightness/jquery-ui.css" type="text/css" media="all" />
<script type="text/javascript" src="https://www.google.com/jsapi?key=very long string"></script>

<script type="text/javascript" src="/JSFunctions.js"></script>
<script type="text/javascript">
google.load("jquery", "1.6.4");
google.load("jqueryui", "1.8.16");
....
</script>
4

1 回答 1

1

<br/>从你的 s 中删除那些结尾<li>s。他们不应该在那里。

<div id="prof_div">
<ul>
    <li><a href="#prof_home">Profile</a></li><br/>
    <li><a href="#prof_details">Details</a></li><br/>
    <li><a href="#prof_settings">Settings</a></li><br/>
</ul>

这是一个小提琴。

于 2011-09-24T19:43:56.360 回答