jquery - 如何在小部件创建时向 jQuery UI Widget Factory 事件添加监听器？

Question

我在链接中读到，当使用 on 创建 jQuery UI 小部件时，我们可以拥有事件处理程序。

https://api.jqueryui.com/jquery.widget/#event-create

$( ".selector" ).on( "widgetcreate", function( event, ui ) {} );

但是当我像下面这样在 JSFiddle 中尝试时，它不起作用。

$.widget( "my.customwidget", {
    _create: function() {
        alert('Hi!');
    }
});
$('#widget').on('widgetcreate', function (event, ui) {
    alert('Hi again!');
});
$('#widget').customwidget();

alert('Hi Again!') 不会被执行。这是fiddle .

除非我这样做。

$.widget( "my.customwidget", {
    _create: function() {
        this.element.trigger('widgetcreate');
    }
});

我做错了什么？

Answer 1

事件使用小部件本身的名称进行绑定(bind)，即。 “自定义小部件”。由于继承模型，您只有 customwidget 元数据，但没有 widget 元数据。在您的示例中，事件的名称实际上是 customwidgetcreate:

$('#widget').on('customwidgetcreate', function (event, ui) {
    alert('Hi again!');
});

这是更新后的 fiddle :https://jsfiddle.net/2z06faLn/

不久前有一个类似主题的相关问题:Why is $(...).widget undefined?