jQuery onclick not getting triggered -


i have list on webpage. when clicks on list item, javascript should executed. example alert. working on empty page, example see code:

 <ul class="uniquelist">         <li id="1">clickable 1</li>         <li id="2">clickable 2</li>         <li id="3">clickable 3</li>         <li id="4">clickable 4</li>         <li id="5">clickable 5</li>     </ul>    $(document).ready(function(){     $('.uniquelist li').click(function(){        var id = $(this).attr('id');       alert(id);     });   });

http://jsfiddle.net/6wafk/1/

if put code in "complete" webpage lot more code, doesn't work anymore. it's little bit post code here hope has clues of need at.

the class of list off course unique, there no other elements same class.

edit: list loaded after page loaded. output of autocomplete!

if you're adding list after page load, need use on():

$(document).ready(function(){   $('body').on('click', '.uniquelist li', function(){      var id = $(this).attr('id');     alert(id);   }); });

body maybe exchanged ascendant selector present on page when loads - closer selector chose, less dom traversal jquery have do.


Comments

Post a Comment

Popular posts from this blog

php - Why I am getting the Error "Commands out of sync; you can't run this command now" -

the documentation of error mentioned in title says if commands out of sync; can't run command now in client code, calling client functions in wrong order. this can happen, example, if using mysql_use_result() , try execute new query before have called mysql_free_result(). can happen if try execute 2 queries return data without calling mysql_use_result() or mysql_store_result() in between. from here: http://dev.mysql.com/doc/refman/5.0/en/commands-out-of-sync.html but in first query not fetching data mysql database, inserting. , in second query getting data database. here code $connection = mysqli_connect("localhost","username","password","tbl_msgs"); if(mysqli_connect_errno($connection)) { die("failed connect mysql: " . mysqli_connect_error()); } $query = "insert users (total_comments, total_views) values ({$total_comments}, {$total_views});"; $query .= "insert msgs (no...
Read more

ruby - Nesting modules inside of a Rails eninge gem -

what proper syntax nest child modules within parent module being isolate_namespace rails engine gem? # lib/myengine/engine.rb module myengine class engine < rails::engine isolate_namespace myengine # def ... end end for example. parent module myengine , child module blog. myengine share common domain, crud, taggable, searchable, etc, keep gem code dry , isolated main app (myapp), while inheriting isolated namespace , engine. are either of 2 approaches correct? refactor advice? # # lib/myengine/blog.rb module myengine module blog # def ... end end # b # lib/myengine/blog.rb module myengine class engine < rails::engine isolate_namespace myengine module blog # def ... end end end option a. correct, should lib/my_engine/blog.rb . can read more ruby & rails naming conventions here . further, if want put more modules or classes under blog namespace put them in folder lib/my_engine/blog , nest them under myengine::bl...
Read more

Eclipse formatter for java ending braces -

i know if it's possible setup eclipse format braces using banner style. we're working code uses banner style formatting , keep consistent within team version control reasons. here's example of banner style formatting not familiar: public class foo { //------------------------ public static void main (string[] args) { boolean condition = true; try { if (condition) { system.out.println ("condition true"); } else system.out.println ("not condition"); } catch (exception ex) { // handle errors } } //------------------------ } update: name style ratliff. experiment java->code style->formatter preferences. "banner style" seems poor use of space given outline view , quick outline functionality.
Read more