Question

I have a very simple div with an image inside:

<div class="stack4">
    <img src="images/002m.jpg" width=200>
</div>

And a very simple Jquery function for when you hover over the image:

$(function () { 
   $('.stack4>img').hover(function(){
   prompt('hello');
   });
});

This all works fine. However, I’m trying to add additional content to the page, and so put the following HTML directly after the end of the first div:

<div id="menucontainer" class="menuContainer">
    <div id="menu" class="menuContent">
        <img src="images/003m.jpg" />
        <img src="images/004m.jpg" />
    </div>
</div>

After I add this, the jquery prompt no longer works. Why would adding anothing div break my existing javascript command like that?

Answer 1

There has to be a script error in the page that is causing a failure. Or there is a very slight chance that your new html in some way introduces an invisible element that covers your stack4 image. If you can provide a link somebody could debug it for you.