IE瀏覽器 - jquery懸停（）只有第一次作品

我有一個內置div與懸停（）函數附加到它。IE瀏覽器 - jquery懸停（）只有第一次作品

它在FF，Chrome中正常工作。

這個問題是在IE瀏覽器，第一次它的作品第二次我沒有看過div。

HTML：

<div id="mini-cart-li" class=""> 
    <a class="heading" href="http://mb.local.com/checkout/cart/" title="View contents of your shopping cart">My Cart 
    </a> 
    <div id="mini-cart-content" class="block block-cart block-content" style="display: none;"> 
     BLA BLA BLA BLA BLA .... 
     </div> 
     </div>

JS：

jQuery(document).ready(function() { 

    jQuery("#mini-cart-li").hover(
     function() { 
      // jQuery(this).addClass('hover'); 
      jQuery("#mini-cart-content").stop(true, true).animate({opacity: "show", display: "block"}, "slow"); 
     }, 
     function() { 
     // jQuery(this).removeClass('hover'); 
      jQuery("#mini-cart-content").stop(true, true).animate({opacity: "hide", display: "none"}, "slow"); 
     } 
    ) 
});

來源

2013-05-07 WonderLand

你錯過了**;最後** **之前）**; **。 [鏈接]（http://jsfiddle.net/4uHuH/） – Vucko 2013-05-07 08:00:37

使用IE版本？ – 2013-05-07 08:25:27

嘗試使用這種

$('#mini-cart-content').stop(true, true).animate({ opacity: "show" }, "slow"); 

    $("#mini-cart-content").stop(true, true).animate({ opacity: "hide" }, "slow");

來源

2013-05-07 08:14:48 user2351467

這工作得很好，所以問題主要是animate（）而不是hover（） – WonderLand 2013-05-07 08:55:03

嘗試使用數量不透明度值，而不是show和hide：

jQuery("#mini-cart-li").hover(
    function() { 
     // jQuery(this).addClass('hover'); 
     jQuery("#mini-cart-content").stop(true, true).animate({opacity: 1, display: "block"}, "slow"); 
    }, 
    function() { 
    // jQuery(this).removeClass('hover'); 
     jQuery("#mini-cart-content").stop(true, true).animate({opacity: 0, display: "none"}, "slow"); 
    } 
)

來源

2013-05-07 08:13:26 Eli

IE瀏覽器 - jquery懸停（）只有第一次作品

回答

相關問題