Jquery與insertbefore腳本懸停不工作在IE

Question

我面臨的問題在IE瀏覽器中使用insertbefore腳本的jquery懸停功能。

目前我需要交換兩個div的懸停。所以我已經在drupal7的腳本之前使用過插入。

它在除IE瀏覽器以外的所有瀏覽器上都能正常工作。

這裏是我的代碼提前

 $('.block-views .view-collaborater-view .views-row.views-row-2') 
      .mouseover(function() { 
      console.log('mouseover'); 
      $('.block-views .view-collaborater-view .views-row.views-row-2').insertBefore($('.block-views .view-collaborater-view .views-row.views-row-1')); 
      $('.block-views .view-collaborater-view .views-row.views-row-2').css('width','98%');  
      }) 
      .mouseout(function() { 
      console.log('mouseleave'); 
      $('.block-views .view-collaborater-view .views-row.views-row-2').css('width','48%'); 
      $('.block-views .view-collaborater-view .views-row.views-row-1').insertBefore($('.block-views .view-collaborater-view .views-row.views-row-2')); 
      }); 

感謝。使用這樣

Answer 1

試試，很抱歉，如果不匹配的一些類名，

$(document).on("mouseenter", ".block-views .view-collaborater-view .views-row.views-row-2" function(){ 
    console.log('mouseover'); 
    $(this).insertBefore($('.block-views .view-collaborater-view .views-row.views-row-1')); 
    $(this).css('width','98%'); 
}); 

$(document).on("mouseleave", ".block-views .view-collaborater-view .views-row.views-row-2" function(){ 
    console.log('mouseleave'); 
    $('.block-views .view-collaborater-view .views-row.views-row-1').insertBefore($('.block-views .view-collaborater-view .views-row.views-row-2')); 
    $(this).css('width','48%'); 
});