Question

I know:

$('form').one('submit', function (evt) { ... });

I know:

$('form').live('submit', function (evt) { ... });

Does it exists the combination of both?

Thanks.

Answer 1

You can delegate the event higher up the DOM tree:

$('#someAncestor').one('submit', 'form', function (evt) { ... });

Note that this is only available in jQuery 1.7+. It takes the same form as the on method. This works because DOM events tend to bubble up the tree. If you bind the event handler to an ancestor element, it will eventually reach it. The 2nd argument is a selector. When the event reaches the ancestor, the target is checked against the selector. If it matches, the handler is executed.