JQuery選項卡，選項卡上選擇觸發事件

Question

我是新的JQuery，我試圖做一個選項卡選擇觸發事件，這是我創建的代碼。但是，當我點擊我想要的事件觸發選項卡上，該事件不會引發

$("#tabs").tabs({ 
     select: function (event, ui) { 
      var selected = ui.panel.id; 
      alert("Hello"); 
      $.ajax({ 
       type: "POST", 
       url: "/Create/iFrameStyling", 
       data: { 'fontFamily': $('#ddlTypography').val() }, 
       dataType: "json", 
       success: function (msg) { 
       } 
      }); 
     } 
    }); 

Answer 1

我懷疑的錯誤是在你的HTML（這將是很好的來發表您的HTML，如果錯誤仍然存​​在）。這裏是一個工作小提琴與示例HTML。我建議你檢查你的html。

http://jsfiddle.net/hvbnC/

此外，請確保您包括JQuery用戶界面。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/jquery-ui.min.js"></script> 

HTML（樣品，良好的格式）

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">tab 1</a></li> 
     <li><a href="#tabs-2">tab 2</a></li> 
     <li><a href="#tabs-3">tab 3</a></li> 
    </ul> 

    <div id="tabs-1"> 
     <p>tab 1 ..sdfasfdsafd.</p> 
    </div> 
    <div id="tabs-2"> 
     <p>tab 2 ..sdfasfdsafd.</p> 
    </div> 
    <div id="tabs-3"> 
     <p>tab 3 ..sdfasfdsafd.</p> 
    </div> 
</div>