Internet Explorer 11:Mouseenter Mouseleave问题
问题描述:
我实际上正在研究website,我在Internet Explorer上遇到问题。Internet Explorer 11:Mouseenter Mouseleave问题
在页面的右侧(灰色)上有一个带有“i”图标的按钮。这个按钮是一个模式,在模式窗口中,鼠标上方有一个“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>
答
的问题是,因为你有谁隐藏元素的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
尝试,以与IE9这个display:none
太
做工精细,更
谢谢!现在它工作正常。 – LesoFess