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>