Question

终于搞定了！我没有加载CSS！愚蠢的我...感谢你帮助我解决其他问题！

我在本地使用ruby。

尝试使用“jquery-ui-1.8.16.custom.min.js”＆amp; “jQuery的1.6.2.min.js”

我能够让jQuery ui“手风琴”工作得很好..但“标签”不起作用!!!

我已检查文件是否正确调用并位于正确的位置......

<script type="text/javascript" src="/javascripts/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js">
<script type="text/javascript" src="/javascripts/jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js">

firebug显示以下3个错误（尝试使用jquery ui“tabs”）：

jQuery is not defined
[Break On This Error] c.ui.isOverAxis(b,e,i)}})}})(jQuery);


jquery...4700986 (line 18)
element.dispatchEvent is not a function
[Break On This Error] element.dispatchEvent(event);


protot...4640791 (line 5653)
$("#tabs").tabs is not a function
[Break On This Error] $( "#tabs" ).tabs();

这些错误告诉我刚刚从他们的“稳定”链接下载的jQuery UI库出了问题....是这样的情况还是其他东西在这里？

谢谢！

更改了我的库的顺序后，我能够将其降低到1错误（原型库出错）....

element.dispatchEvent is not a function

[打破此错误] element.dispatchEvent（event）;

下面是一个更新，其中包含我的标签html和js ...

<div id="tabs">
<ul>
    <li><a href="#tabs-1">tab1</a></li>
    <li><a href="#tabs-2">tab2</a></li>
    <li><a href="#tabs-3">tab3</a></li>
</ul>
<div id="tabs-1">
    <p>tab1 content</p>
</div>
<div id="tabs-2">
    <p>tab2 content</p>
</div>
<div id="tabs-3">
    <p>tab3 content</p>
</div>
    </div>

jQuery的：

$(document).ready(function(){


$( "#tabs" ).tabs();

});

当我用“.hide（）”替换“.tabs（）”时，tabs元素确实隐藏了......

我在这里做错了什么？

我还尝试使用以下JS的noConflict模式：

 jQuery(document).ready(function(){
 var $j = jQuery.noConflict();

  $j( "#tabs" ).tabs();

 });

同样的问题......

Answer 1

您的错误：

未定义jQuery

这转换为：您的<script>代码的顺序错误。

jQuery应该在jQuery UI之前加载：

<script type="text/javascript" src="/javascripts/jquery-ui-1.8.16.custom/js/jquery-1.6.2.min.js">
<script type="text/javascript" src="/javascripts/jquery-ui-1.8.16.custom/js/jquery-ui-1.8.16.custom.min.js">

jquery ui没有完全工作（稳定“jquery-ui-1.8.16.custom.min.js”）

1 个答案: