jquery ui不能完全工作（稳定的“jquery-ui-1.8.16.custom.min.js”）

Question

终于明白了！我没有加载CSS！愚蠢的我...感谢帮助我与其他问题！

我在本地使用红宝石。

试图与 “jQuery的UI-1.8.16.custom.min.js” & “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"> 

萤火显示以下3个错误（尝试使用jQuery UI的 “标签”）：

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 lib有问题我刚刚从他们的“稳定”链接下载....是这种情况还是其他什么事情在这里？

谢谢！

改变我的库的顺序后，我能得到它下降到1个误差（误差原型LIB）....

element.dispatchEvent is not a function 

[打破这个错误] element.dispatchEvent（事件） ;

下面

是包含我的标签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(); 

}); 

，当我更换 “.tabs（）” 与” .hide（ ）“标签元素确实隐藏了......

我在这里做错了什么？

我也试过noConflict模式具有以下JS：

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

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

}); 

同样的问题...

Answer 1

你的错误：

jQuery is not defined

这相当于：你<script>标签是在错误的顺序。

jQuery的jQuery用户界面之前应该加载：

<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">