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

希望能幫助到某人..