タブを作成するイベントが発生しません

Question

createの後にイベント処理を追加する必要がありますtabs init。私はこの

$("#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"); 

     } 
     }); 

});