idTabs jQuery плагин не работает

У меня есть простая html-страница, над которой я работаю, чтобы проверить функциональность idTabs (http://www.sunsean.com/idTabs/). Я не могу заставить его работать правильно. Источники jquery, похоже, загружаются должным образом (проверяется через консоль Chrome). Файлы находятся в папке на моем рабочем столе. Любые мысли о том, почему это не работает?idTabs jQuery плагин не работает

<!DOCTYPE html> 
<body> 
<head>  
<script type="text/javascript" src="jquery.idTabs.min.js"></script> 
</head> 
<body> 
<ul class="idTabs"> 
<li><a href="#jquery">jQuery</a></li> 
<li><a href="#official">Tabs 3</a></li> 
</ul> 
<div id="jquery">If you haven't checked out ...</div> 
<div id="official">idTabs is only a simple ...</div> 
</body> 
</html>

Here is my output

Here is my file structure

источник

2015-06-05 Steve Salowitz

Вы должны вызывать $ ("#idTabs") .tabs(); на document.ready(). Пожалуйста, обратитесь к https://jqueryui.com/tabs/ – Waqar

Это не работает либо >> \t $ (документ) .ready (функция() { \t \t $ («# idTabs ") .tabs(); }); –

Вам не хватает CSS + Waqar ment idTabs() - http://jsfiddle.net/y44fpybz/ PS: Я добавил CSS в «внешние ресурсы» –

<div id="idTtabs"> 
    <ul> 
    <li><a href="#jquery">jQuery</a></li> 
    <li><a href="#official">Tabs 3</a></li> 
    </ul> 
    <div id="jquery"> 
    If you haven't checked out ... 
    </div> 
    <div id="official"> 
    idTabs is only a simple ... 
    </div> 

</div> 

<script> 
$(document).ready(function(){ 
     $("#idTabs").tabs(); 
}) 
</script>

Вы не готовы пример тщательно приведены в ссылке я имел посылаю вас.

источник

2015-06-05 16:23:08 Waqar

idTabs jQuery плагин не работает

ответ

Смежные вопросы