javascript - Trigger click event on DOM element -
i tried trigger click event on selected dom element code won't work.
you can see attempt on jsfiddle.
<ul class="list-group"> <a href="#" class="list-group-item" data-key="32">lg gola 8m</a> <a href="#" class="list-group-item" data-key="33">lg 5-6m</a> <a href="#" class="list-group-item" data-key="34">lp 5-6m</a> </ul> $(document).ready(function() { // string tr url parameters var tr = "fix_lg%20gola%208m"; if (tr !== null) { var terminrahmen = $('.list-group-item').filter(function() { return $(this).text() === decodeuri(tr).substring(4); }); // trigger click event on .list-group-item terminrahmen.click(); } // function executed $('.list-group-item').click(function() { alert($(this).text()); }); });
when dom loaded collect data url parameters , compare data dom elements. part works fine.
after element , trigger click event. click event should "execute" specified function.
have solution me? in advance.
put click event on top in ready event.. click event needs triggered after registering event. not happening before
$(document).ready(function() { // function executed $('.list-group-item').click(function() { alert($(this).text()); }); // string tr url parameters var tr = "fix_lg%20gola%208m"; if (tr !== null) { var terminrahmen = $('.list-group-item').filter(function() { return $(this).text() === decodeuri(tr).substring(4); }); // trigger click event on .list-group-item terminrahmen.click(); } });
Comments
Post a Comment