JQuery UI вкладки JavaScript функция щелчка не работает

Question

Я использую вкладки jQuery UI, но у меня возникла проблема.

Мой код JavaScript:

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

Мой HTML:

<div class="demo">
  <div id="tabs">
    <ul>
      <li><a href="#tabs-1">Eat</a></li>
    </ul>
    <div id="tabs-1">
      tab 1
    </div>
    <div id="tabs-2">
      tab 2
    </div>
    <div id="tabs-3">
      tab 3
    </div>
  </div>  
</div><!-- End demo -->

Я использую другой файл script.js. от этого я вызываю функцию одного клика.

$("#tabs-2").click(function()
{
  alert("This is tab3");    
});

Эта функция не работает. Я хочу отобразить некоторые данные из базы данных при нажатии на каждую вкладку. Как написать функцию JS, используя JQuery? Пожалуйста, помогите мне.

Спасибо, Радж

Answer 1

Какую ошибку вы получаете? Можете ли вы использовать Firebug для отладки вашей проблемы с вашим jQuery?

Вы пробовали:

$("a[href=#tabs-2]").click(function()
{
  alert("This is tab3");    
});

Answer 2

Это правильный код, который вы должны использовать

HTML:

<div class="demo">
  <div id="tabs">
    <ul>
      <li><a href="#tabs-1">Eat</a></li>
      <li><a href="#tabs-2">Drink</a></li>
      <li><a href="#tabs-3">Sleep</a></li>
    </ul>
    <div id="tabs-1">
      tab 1
    </div>
    <div id="tabs-2">
      tab 2
    </div>
    <div id="tabs-3">
      tab 3
    </div>
  </div>  
</div>

JQuery:

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

    $("#tabs-2").click(function() {
        alert("This is tab2");    
    });
}); ​

Вы можете проверить его работоспособность здесь .

Надеюсь, это поможет

Answer 3

Решение, данное Лоренцо, не работает для меня, но решение, данное keith_c, работает как шарм.Я нашел еще один способ выполнить это требование, так как мне сложно разместить код здесь, вы можете посмотреть его на http://ektaraval.blogspot.com/2011/09/calling-javascript-when-jquery-ui-tab.html

Надеюсь, что это кому-то поможет ..