标签创建事件不会触发

Question

我需要在create init之后添加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");

        }
       });

});