Category Archives: JavaScript – Ajax

I googled a little and found this could happen if you included an extra comma in some expressions but that wasn’t my case. Some coffees later I found the offending code was: var class = $(this).parent().attr(‘class’); Yep, class seems to be a reserved word in Internet Explorer, thanks again Microsoft for making web developers lifes …

Continue reading “Javascript Expected Identifier Error On Internet Explorer”

<div class=”test”><div class=”inside”><h1>id=”myID.entry[0]”</h1><p>0</p></div></div> <script>$(“div.test”).bind({ click: function(){ $(this).addClass(“active”); //alert(this.nodeName); //alert($(this).text()) }, mouseenter: function(){ $(this).children(‘div.inside’).animate({ top: “20px”, }, “fast”); }, mouseleave: function(){ //$(this).fadeIn(); $(this).children(‘div.inside’).animate({ top: “100px”, }, “fast”); } });</script>

The problem: When you have mouseover and mouseout events bound to some element on you page with children elements. Hovering over children element fires parent’s mouseover and/or mouseout event. The solution:

<script type=”text/javascript”> function showImg() { $(“img”, this).fadeIn(200); } function hideImg() { $(this).fadeOut(200); } $(function(){ $(“.reveal img”).mouseenter(hideImg()); $(“.reveal img”).mouseleave(showImg()); </script> <div>foo<img src=”img/water.png” /></div> <div>bar<img src=”img/eye.png” /></div>