Trigger a custom event Jquery

Question

I'm working in a jQuery plugin and tried to trigger a custom event after insert a jQuery Dom Element in body.. but the events never occurs..

Is this possible without user interact?

My code is:

var $div = $( '<div />' ), $container = $div.clone();

$container.text( 'test' ).appendTo( 'body' );
$.event.trigger( 'ContainerInit', [ $container ]);

$( document ).on( 'ContainerInit', function( e, $elementContainer ) {
   alert( 'test here!' );
});

Luís Soares · Accepted Answer · 2015-01-30 21:28:23Z

1

$(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]);
});

check here

answered Jan 30, 2015 at 21:28

Luís Soares

6,2426 gold badges44 silver badges71 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mike Brant Over a year ago

You should add explanation along with your code, otherwise it may not be clear to OP what you actually changed and why.

Collectives™ on Stack Overflow

Trigger a custom event Jquery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related