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
Post a Comment