JQuery Event.target problem in ie7

Question

Trying to accses the class name from the event.target object. Works in FF, Safari, and Chrome. InternetExplorer 7 alerts "undefined". Any suggestions?

<script type="text/javascript">
 $("document").ready(function(){ 
  $(".page").hide();
  $(".page:first").show();
  $("#navBar a").bind("click", linkClicked);
 });
 function linkClicked(event){
   $("div.page:visible").fadeOut(250, function(){
    var $target = $(event.target);
    alert($target.attr("class"));
    //$("#" + $(event.target).attr("class")).fadeIn(250);
   }); 
 }
</script>

Drock · Accepted Answer · 2009-11-28 01:08:53Z

2

Found a solution. Set the event.target to a var before the callback for fade out. :p any idea why?

<script type="text/javascript">
 $("document").ready(function(){ 
  $("#content").css("opacity","0.8");
  $(".page").hide();
  $(".page:first").show();
  $("#navBar a").bind("click", linkClicked);
 });
 function linkClicked(event){
  var $target = $(event.target);
  $("div.page:visible").fadeOut(250, function(){
   alert($target.attr("class"));
   //$("#" + $(event.target).attr("class")).fadeIn(250);
 });    
 }
</script>

answered Nov 28, 2009 at 1:08

Drock

514 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

o.k.w Over a year ago

My guess, once the fading animation starts, the IE7's DOM event handling screwed up (at least temporarily), hence it can't return the 'target' it is 'animating' then. Glad you found a work-a-round. Btw, do accept your own answer :P

Collectives™ on Stack Overflow

JQuery Event.target problem in ie7

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related