No jQuery, sei que é possível estender e criar funções para certo tipo de operações através do $.fn
.
Assim:
(function ( $ ) {
$.fn.clickOut = function (callback) {
var that = this;
$(document).click(function (e) {
if ( $(e.target).closest(that).size() > 0) {
return;
}
$.isFunction(callback) && $.proxy(callback, that)(e);
});
}
})( jQuery )
A função funciona corretamente. Mas como posso fazê-la funcionar com a utilização de on
, pois preciso atribuir a mesma para elementos criadas dinamicamente.
Existe alguma maneira de "criar uma função"(não sei outra maneira de dizer isso) para o on
do jQuery
?
Grosseiramente falando, queria que funcionasse como se fosse assim:
$('div').clickOut(); // Forma normal
// Forma que tentei, e não deu certo.
$('#my-uls').on('clickOut', 'li', function (...){});
on
temos essa referência: pt.stackoverflow.com/questions/5196/…$('#my-uls').on('clickOut', 'li', function (){ $(this).clickOut(); });