JQuery 自定义事件不是 firing/caught

Question

我正在动态加载一些脚本，如下所示：

//fileA.js
$('body').on('LoginWidget', function() {
    $.cachedScript('/js/min/AddressWidgets.min.js').done(function() {
        extend(AddressBookWidget, ShippingAddressWidget);
        console.log("throwing event")
        $('body').trigger('ShippingAddressWidget loaded');
    });
});

然后：

//fileB.js
$(document).ready(
        function() {
            console.log("catching event")
            $('body').on('ShippingAddressWidget loaded', function() {
                // do stuff
            });
...

在控制台中，我看到：

catching event
throwing event

但是没有触发事件捕捉器。 jquery2.1.2

Answer 1

活动名称不能包含空格。

您必须使用像

这样的事件名称

$('body').on('ShippingAddressWidgetLoaded', function() {...

或命名事件

$('body').on('ShippingAddressWidget.loaded', function() {...

FIDDLE

JQuery 自定义事件不是 firing/caught

JQuery custom event not firing/caught

jquery

jquery-events