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

您可以验证其有效here。

希望有所帮助

Answer 3

Lorenzo给出的解决方案对我不起作用，但keith_c给出的解决方案就像魅力一样。我确实找到了另一种方法来完成这个要求，因为我很难将代码放在这里，你可以在http://ektaraval.blogspot.com/2011/09/calling-javascript-when-jquery-ui-tab.html上查看它

希望有人帮助..

jQuery UI标签javascript点击功能不起作用

3 个答案: