JQuery 탭, 탭 선택 트리거 이벤트

Question

저는 JQuery에서 새로 왔고 이벤트를 트리거하는 탭 선택을하려고합니다. 이것은 내가 작성한 코드입니다. 내가 이벤트를 트리거 할 탭을 클릭 할 때, 이벤트가 나는 오류가 당신의 HTML에 의심

$("#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을 검토 할 것을 제안한다.

http://jsfiddle.net/hvbnC/

또한, JQuery와 UI를 포함해야합니다.

<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>