Jquery Image單擊不在IE中工作

Question

HI 在我的項目中，我有一個彈出式窗口的圖像。 當用戶點擊圖像的左側部分時，它會將用戶 重定向到page1.aspx。當用戶點擊圖片的右側部分 時，它會將用戶重定向到page2.aspx。我爲此使用了JQuery，它在Fire fox中的工作原理是 。但它在IE中不起作用。 可能是什麼原因。任何幫助將不勝感激。

感謝

下面是代碼

<script type="text/javascript"> 
swfobject.registerObject("inhalerVideo", "9.0.0", "expressInstall.swf"); 
/* jQuery Nonsense */ 
$(document).ready(function() 
{ 
    //!\: Slider nav thingy. 
    $("#link_one").click(function() 
    { 
     var aWidth = $(this).width(); 
     if($(this).hasClass("closed")) 
     { 
      $(this).removeClass("closed").addClass("open").animate({width: aWidth + 205 + "px"}, {queue: false, duration: "fast"}); 
      if($("#link_two").hasClass("open")) 
      { 
       var bWidth = $("#link_two").width(); 
       $("#link_two").removeClass("open").addClass("closed").animate({width: bWidth - 205 + "px"}, {queue: false, duration: "fast"}); 
       $("#link_two a").hide(); 
      } 
      $("a", this).show(); 
     } 
     else 
     { 
      $("a", this).hide(); 
      $(this).addClass("closed").removeClass("open").animate({width: aWidth - 205 + "px"}, {queue: false, duration: "fast"}); 
     } 
    }); 
    $("#link_two").click(function() 
    { 
     var aWidth = $(this).width(); 
     if($(this).hasClass("closed")) 
     { 
      $(this).removeClass("closed").addClass("open").animate({width: aWidth + 205 + "px"}, {queue: false, duration: "fast"}); 
      if($("#link_one").hasClass("open")) 
      { 
       var bWidth = $("#link_one").width(); 
       $("#link_one").removeClass("open").addClass("closed").animate({width: bWidth - 205 + "px"}, {queue: false, duration: "fast"}); 
       $("#link_one a").hide(); 
      } 
      $("a", this).show(); 
     } 
     else 
     { 
      $("a", this).hide(); 
      $(this).addClass("closed").removeClass("open").animate({width: aWidth - 205 + "px"}, {queue: false, duration: "fast"}); 
     } 
    }); 
    //!\: This could all be achieved with CSS. 
    $(".subnavonfirst").prev(".navoff").css("background-image", "url('images/nav_on_bg.gif')").children("a").css("color", "#fff"); 
    $(".subnavon").prev(".subnavofffirst").prev(".navoff").css("background-image", "url('images/nav_on_bg.gif')").children("a").css("color", "#fff"); 
    $(".subnavonlast").prev(".subnavoff").prev(".subnavofffirst").prev(".navoff").css("background-image", "url('images/nav_on_bg.gif')").children("a").css("color", "#fff"); 
    $(".subnavonlast").prev(".subnavofffirst").prev(".navoff").css("background-image", "url('images/nav_on_bg.gif')").children("a").css("color", "#fff"); 
}); 
</script> 

<!-- Main Content Container --> 
    <div id="mainContentContainer"> 

     <!-- Top Link Slider --> 
     <div id="headerContainer" class="printHide"> 
      <div id="headerLinkContainer"> 
       <div id="banner_container"> 
       <div id="link_one" class="sub closed"> 
      <img class="major" src="images/patient_info.gif" border="0" /> 
      <img class="minor" src="images/sub_nav.gif" border="0" /> 
      <a href="http://www.mysite.com/files/products/uspi_nicotrol_inhaler.pdf" class="inhaler" rel="external" target="_blank"><!-- --></a> 
      <a href="http://www.mysite.com/files/products/uspi_nicotrol.pdf" class="ns" rel="external" target="_blank"><!-- --></a> 
     </div> 
       <div id="link_two" class="sub closed"> 
      <img class="major" src="images/prescribe_info.gif" border="0" /> 
      <img class="minor" src="images/sub_nav.gif" border="0" /> 
      <a href="http://www.mysite.com/files/products/uspi_nicotrol_inhaler.pdf" class="inhaler" rel="external" target="_blank"><!-- --></a> 
      <a href="http://www.mysite.com/files/products/uspi_nicotrol.pdf" class="ns" rel="external" target="_blank"><!-- --></a> 
     </div> 
       <div id="link_three" class="open"><a href="#ISIContainer"><img src="images/isi.gif" border="0" /></a></div> 
       </div>    
      </div> 

     </div> 

Answer 1

可以選擇使用imagemap試過嗎？這樣幾乎所有的瀏覽器都支持它，包括IE。

如果您願意，您還可以捕獲<area>標記的click()事件。

編輯：在看着你的網站，也許你可以綁定到圖像.major而不是.sub格div擴展功能。

它看起來像.sub DIV被攔截在IE中點擊事件，但符合標準的瀏覽器明白.minor畫面應該呈現「上面」的.sub股利。