탭 만들기 이벤트가 실행되지 않습니다.

Question

이벤트 처리를 추가해야합니다 (tabs 초기화 후). 나는이

$("#payment-popup").tabs({ 
    heightStyle: "content", 
    activate: function(event ,ui){ 
     $(this).find($(".ui-tabs-nav")).toggleClass("hidden2"); 
     $("#payment-popup-menu-button").toggleClass("hidden2"); 

    } 

}); 

...

(function($){ 
    $("#payment-popup").on("tabsactivate", function(event, ui) {alert('alert 1')}); 
    $("#payment-popup").on("tabscreate", function(event, ui) {alert('create fire')}); 
})(jQuery); 

하지만 경고 않습니다. 뭐가 잘못 되었 니?

나는 순서로 입력 한 경우이 코드가 작동 기대

Answer 1

:

$(document).ready(function(){ 

     //no need to look up the same element twice. 
     var paymentPopupElement = $("#payment-popup") 

     paymentPopupElement.on("tabscreate", function(event, ui) {alert("create fire")}); 

     paymentPopupElement.tabs({ 
     heightStyle: "content", 
     activate: function(event ,ui) 
     { 
      $(this).find($(".ui-tabs-nav")).toggleClass("hidden2"); 
      $("#payment-popup-menu-button").toggleClass("hidden2"); 

     } 
     }); 

});