Question

我正在尝试创建一个自定义的jQuery UI Widget。小部件包含需要花费更长时间才能加载的资源，因此我希望在页面上完成所有内容渲染后触发事件。

我尝试了以下两种方法，但都没有效果：

_initializeEvents: function() {
    this._on(this.element, {
        load: function() {
            //Do stuff
        }
    });
}

和

_initializeEvents: function () {
    this.element.load(function() { 
        //do stuff
    });
}

在加载小部件后，我该怎么做才能捕获事件。我宁愿不设置超时。

Answer 1

晚了 5 年，但我遇到了类似的问题，并这样做来解决它。

// Get an instance of your widget
var WidgetInstance = $("#ID");

// Take a copy of the original method
var tmp = YourWidgetName.YourMethodName;

// Extend the method with some extra code
WidgetInstance.YourMethodName = function () {
    // This line will run your current method
    tmp.apply(this, arguments);  
    // This code will run after that has completed              
    console.log("Kaboom");
};

加载事件后的jQuery UI小部件

1 个答案: