Binding to the 'create' event of jQuery UI widget outside the widget

Question

I'm having troubles binding to the 'create' event of the widget that uses jQuery UI Widget Factory. It only happens if I'm binding to it outside the widget. Please see the snippet (simplified for testing purposes)

(function($){

    $.widget('pr.test', {
        options: {
            create: function(e){
                // Shows up in the console
                console.log('Widget created');
            }
        }
    });

})(jQuery);

And then later in some other file I'm binding to this event

jQuery(document).ready(function($){

    $('body').test().on('testcreate', function(){
        // Doesn't show up in the console
        console.log('Widget created');
    });

});

I'm aware that I could just do this

$('body').test({
    create: function(){
        console.log('Widget created')
    }
});

but I need to be able to bind to the event multiple times after the widget initalization. Can somebody please explain what the problem is? Thanks.

pranacoder · Accepted Answer · 2014-02-07 11:09:39Z

0

Answering my own question in case somebody has the same problems. My mistake was calling the .on() method after the widget initialization, while I should have called it before. From my understanding the script was unaware of any event handlers bound to the 'create' event when it was fired.

See this fiddle.

$.widget('pr.test', {
    options: {
        create: function(){
            console.log('Called from within the widget');
        }
    }
});

// Binding to the event before it is fired
$('body').on('testcreate', function(){
    console.log('Called from outside the widget');
});

$('body').test();

// Binding to the event after it is fired
$('body').on('testcreate', function(){
    console.log('This will not work');
});

answered Feb 7, 2014 at 11:09

pranacoder

11 bronze badge

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

Collectives™ on Stack Overflow

Binding to the 'create' event of jQuery UI widget outside the widget

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related