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");    
});

该功能不起作用。 我想在单击每个选项卡时显示数据库中的一些数据。 如何使用jQuery编写js函数？ 请帮我。

谢谢，拉杰

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

Lorenzo提供的解决方案对我不起作用，但是keith_c提供的解决方案就像魅力一样工作。 我确实找到了另一种方法来满足此要求，因为我很难在这里放置代码，您可以在http://ektaraval.blogspot.com/2011/09/calling-javascript-when上进行查看-jquery-ui-tab.html

希望能帮助到某人..