触发自定义事件 Jquery

Trigger a custom event Jquery

本文关键字：Jquery 事件 自定义      更新时间：2023-09-26

我正在使用jQuery插件，并试图在正文中插入jQuery Dom元素后触发自定义事件......但事件从未发生过。

没有用户交互，这可能吗？

我的代码是：

var $div = $( '<div />' ), $container = $div.clone();
$container.text( 'test' ).appendTo( 'body' );
$.event.trigger( 'ContainerInit', [ $container ]);
$( document ).on( 'ContainerInit', function( e, $elementContainer ) {
   alert( 'test here!' );
});

$(document).ready(function() {
    var $div = $('<div />'),
               $container = $div.clone();
    $container.text('test').appendTo('body');
    // you should provide a selector to the handler!
    $(document).on('ContainerInit', 'div', function(e, $elementContainer) {
       // console.log is better than alert
       console.log('test here!');
    });
    // trigger event only after assigning handler using correct way to trigger!
    $container.trigger('ContainerInit', [$container]);
});

检查这里

相关文章：