Internet Explorer 11：Mouseenter Mouseleave 问题

Question

我实际上正在研究这个website，但我在 Internet Explorer 上遇到了问题。

在页面右侧（灰色页面）有一个带有 "i" 图标的按钮。此按钮是模态按钮，在模态 window 内有一个 table，鼠标悬停在 table 的行上时 "mouseenter mouseleave"。

动画在 Chrome、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

在 IE9 及更高版本下工作正常

Internet Explorer 11：Mouseenter Mouseleave 问题

Internet Explorer 11: Mouseenter Mouseleave issue

jquery

internet-explorer

mouseevent