jquery - Jquery 无法在 IE9 中运行

Question

以下代码在我所有的 CSS3 浏览器中都可以正常工作，除了 IE9。有谁知道为什么？我在 ID 为 fpdiv 的大 div 中设置了几个类 dismdiv 的 div。我应该在进入和退出每个 dimsdiv 区域时收到警报框。但由于某种原因不在 IE9 中。

提前致谢！

this.setDimsRoll = function() {
    $("#fpdiv").on({
        mouseenter : function() {
            alert("on")
        },
        mouseleave : function() {
            alert("off");
        }
    }, ".dimsdiv");
}

一些澄清。这是javascript“类”中的一种方法，因此是“this”。你可以忽略那部分。这会在动态创建 dimsdiv 后调用。这就是为什么我选择这种方法作为我另一篇文章的结果：

Jquery - 如何在动态创建后添加事件

通常，我只会使用悬停或其他方式，但这是处理动态对象所必需的。

Answer 1

我怀疑您应该绑定到文档对象的事件，因为元素是动态创建的。类似于以下内容：

this.setDimsRoll = function() {
    $(document).on({ 
        mouseenter: function () { 
            alert("on")
        }, 

        mouseleave: function () { 
            alert("off")
        } 
    }, '.dimsdiv');
}

另外请注意，您的上下文似乎有些混乱。您实际上试图将鼠标事件绑定到哪个.dimsdiv元素#fpdiv？

Answer 2

解决方案是用清晰的像素填充 div。事实证明，在 IE 上没有检测到空 div。感谢微软！