Internet Explorer 11: Mouseenter Mouseleave issue

Question

我实际上在此网站上工作，我在Internet Explorer上有一个问题。

在页面的右侧（灰色）有一个带有" i"图标的按钮。此按钮是一种模态，在模态窗口内部有一个表格上的表，上面有鼠标上的鼠标行。

该动画在铬，firefox等上完美工作，但在旧版本的Internet Explorer上不可行。

最后5行上的切换函数不起作用。

关于我该如何解决的想法？

ps：我正在使用WordPress

代码：

<script>
jQuery(document).ready(function($){
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-2.even", function() {
$('.buro_1').toggle();
}); 
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-3.odd", function() {
$('.buro_2').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-4.even", function() {
$('.buro_3').toggle();
});  
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-5.odd", function() {
$('.buro_4').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-6.even", function() {
$('.buro_5').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-7.odd", function() {
$('.buro_6').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-8.even", function() {
$('.buro_7').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-9.odd", function() {
$('.buro_8').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-10.even", function() {
$('.buro_9').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-11.odd", function() {
$('.buro_10').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-12.even", function() {
$('.buro_11').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-13.odd", function() {
$('.buro_12').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-14.even", function() {
$('.buro_13').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-15.odd", function() {
$('.buro_14').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-16.even", function() {
$('.buro_15').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-17.odd", function() {
$('.buro_16').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-18.even", function() {
$('.buro_17').toggle();
});
$(document.body).on("mouseenter mouseleave", ".tablepress-id-2 .row-19.odd", function() {
$('.buro_18').toggle();
});
});
</script>

Answer 1

问题是因为您有一个隐藏元素的CSS。尝试删除全部：（在http://www.aquila-pratteln.ch/wp-content/uploads/js_composer/custom.css?ver=4.12）

）

@media all and (-ms-high-contrast:none), all and (-ms-high-contrast:active)
.buro_14 {
    display: none !important;
}
@media all and (-ms-high-contrast:none), all and (-ms-high-contrast:active)
.buro_15 {
    display: none !important;
}
@media all and (-ms-high-contrast:none), all and (-ms-high-contrast:active)
.buro_16 {
    display: none !important;
}
@media all and (-ms-high-contrast:none), all and (-ms-high-contrast:active)
.buro_17 {
    display: none !important;
}
@media all and (-ms-high-contrast:none), all and (-ms-high-contrast:active)
.buro_18 {
    display: none !important;
}

行14、15、16、17、18已经是display:block尝试使此display:none Too

与IE9和更多