jquery dynamically adding a selector to existing function as watch object -


being new jquery, wondering if possible dynamically add selector or indeed object functions watch list (don't know proper term yet) $(selector).function()

for example have dynamically added cancel button modal. id of button random. there way add below $('#closex', '#mask', '#random_button_id') perform same actions closex & mask?

$('#closex, #mask').on('click', function() { $('#modalbox').fadeout(300 , function() { $("#mask").css("display", "none"); // code remove dynamic button parent }); return false; }); 

you can use common class add event dynamically multiple controls instead of id of controls. assign common class control existing , dynamically addeed , use on binding event dynmically added controls.

use $('.commonclass') instead of $('#closex', #mask', '#random_button_id')

html

 <input type="button" id="closex" class="commonclass" /> <input type="#mask" id="closex" class="commonclass" /> 

javascript

$('.commonclass').on('click', function() { $('#modalbox').fadeout(300 , function() { $("#mask").css("display", "none"); // code remove dynamic button parent }); return false; }); 

Comments

Popular posts from this blog

javascript - backbone.js Collection.add() doesn't `construct` (`initialize`) an object -

php - Get uncommon values from two or more arrays -

Adding duplicate array rows in Php -