jquery .on itself

Question

I want an element to listen for a custom event that is actually triggered by itself. The custom event could possibly be triggered from a descendant but should then be ignored. I

Answer 1

Removing the part that doesn't work, will make it work.

$el = $('#dialogDiv');
$el.on('customEvent', function(e) {
    //Do whatever
});
$el.dialog({
    open: function() {
        $el.trigger('customEvent');
    }
});

However, you are asking for other features that a normal event might not support. You should look into setting up a jQuery special event. Check this awesome article by Ben Alman.

When it comes to your prerequisites:

• An event is always able to bubble unless its propagation is hindered with event.stopPropagation() or event.stopImmediatePropagation()
• The trigger and the listener is already on the same element
• The listener will not know what triggered it unless you pass some an argument that can identify the element that triggered it and check if it's an ancestor

See test case on jsFiddle.