Наконец-то понял!Я не загрузил CSS!глупый я ... спасибо, что помог мне с другими проблемами!
Я использую ruby на рельсах локально.
пытаюсь работать с "jquery-ui-1.8.16.custom.min.js "&" jquery-1.6.2.min.js "
я смог заставить jQuery ui" accordion "работать нормально ... но" tabs "не будет работать !!!
Я проверил, что файлы вызываются правильно и в правильных местах ...
<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 ошибки (ошибка с прототипом lib) ....
element.dispatchEvent is not a function
[Break On This Error] элемент.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 ()"with" .hide () "элемент tabs скрывается правильно ...
Что я здесь не так делаю?
Я также пробовал режим noConflict со следующим JS:
jQuery(document).ready(function(){
var $j = jQuery.noConflict();
$j( "#tabs" ).tabs();
});
те же проблемы ...