jQuery UI Tabs не работает

Question

jQuery UI tabs даже не работает, почему? Я правильно объявила эту функцию, загрузили загружаемые внешние ресурсы. Нет, он просто сидит там и ничего не делает. Я работал над ним до того, где он будет переключаться между div. Теперь они просто сидят как статические открытые divs, даже не ездят на велосипеде, не говоря уже о том, чтобы нормально спать.

Что я пытаюсь сделать? Получите вкладки пользовательского интерфейса jQuery, чтобы снова функционировать.

$(function() { 
    $("#tabs").tabs(); 
}); 

FIDDLE:

http://jsfiddle.net/rnzu8azz/1/

Answer 1

Просто посмотрел на свою скрипку. Ваши <ul> элементов должны быть внутри ваш #tabs DIV:

<div id="tabs"> 
    <ul> 
     <li> <a href="#tabs-1">ONE</a> 

     </li> 
     <li> <a href="#tabs-2">TWO</a> 

     </li> 
     <li> <a href="#tabs-3">THREE</a> 

     </li> 
    </ul> 
    <div id="tabs-1">TESTING 1</div> 
    <div id="tabs-2">TESTING 2</div> 
    <div id="tabs-3">TESTING 3</div> 
</div> 

Кроме того, вы не включили Jquery UI в вашей скрипке.

ОБНОВЛЕНО скрипку: http://jsfiddle.net/rnzu8azz/3/

Answer 2

Прежде всего, ваш UL должен быть внутри #tabs DIV:

<div id="tabs"> 
    <ul> 
     <li> <a href="#tabs-1">ONE</a></li> 
     <li> <a href="#tabs-2">TWO</a></li> 
     <li> <a href="#tabs-3">THREE</a></li> 
    </ul> 
    <div id="tabs-1">TESTING 1</div> 
    <div id="tabs-2">TESTING 2</div> 
    <div id="tabs-3">TESTING 3</div> 
</div> 

jsFiddle One

Далее, вы можете захотеть использовать jQueryUI с более ранней версия jQuery - см. эффект от

jsFiddle Two

, который использует jQuery 1.9.1 с jQueryUI 1.9.2