javascript - .on() jQuery click function won't work? -


i'm trying implement simple click function jsfiddle isn't working.

here javascript/jquery:

$(document).on("click", "#intropic", function () {     $("#introduction").addclass("hide")     $("#q1").removeclass("hide") }); 

i don't understand because works if take element in question (#intropic) out of divs nested in , place @ top of document. isn't solution because ruins html/css formatting.

does .on()only work un-nested ids?

here jsfiddle - http://jsfiddle.net/josephbyrne/hdpq4/2/

and here amended version #intropic moved top of html - http://jsfiddle.net/josephbyrne/krudm/

your code fine. problem #introduction put behind body element because of z-index:-99 set on #content container of #introduction. clicking on element in #content click on body element. remove z-index , should work fine.

the interesting thing here background of body should cover #content happens when specify background html element.


Comments

Popular posts from this blog

database - VFP Grid + SQL server 2008 - grid not showing correctly -

jquery - Set jPicker field to empty value -

.htaccess - htaccess convert request to clean url and add slash at the end of the url -