Jquery点击IE中的DIV只会触发文本而不是DIV中的任何地方......？

Question

我有一个DIV：

 <div id="leftBoxTools" class="toolboxHeaders" style="margin-top: 10px; width: 100%">
                    TOOLS</div>

当有人点击其中的任意位置时，我想触发点击事件，这样我就可以创建一种可折叠的工具箱：

 $(".toolboxHeaders").click(function () {
    $(this).next().slideToggle("slow");
});

在ff和chrome中工作得很好，但在ie9中它只适用于你点击实际文本而不是div中的任何地方......任何想法？

更新： 为了澄清一下，这一切都发生在JQ UI对话框中。不确定这是否会导致问题。我从这篇文章中看过JSFiddle，它们在IE9中都运行良好。然而，我仍然无法解决我的特定问题。

我也在一个使用框架和母版页（guh）的旧aspx应用程序中完成所有这些...所以很难说是造成这种情况的原因。

我已将doctype更改为HTML5，但仍然无法点击除文本之外的任何内容。

Answer 1

我有同样的问题，原来我的css文件中有：

body { z-index: -1}

删除后，一切正常。这就是为什么这些人在jsfiddle工作，而不是在我的工作。

Answer 2

它在IE9（jsfiddle）

中工作正常

以下是代码：

 <div id="leftBoxTools" class="toolboxHeaders" style="margin-top: 10px; width: 100%; height:60px; background-color:red;">
                TOOLS

</div>
<div>another </div>

JS：

$(".toolboxHeaders").click(function () {
    $(this).next().slideToggle("slow");
});

点击红色区域中的任何位置时，内容为“其他”的div会向上/向下滑动。

Answer 3

仔细检查您正在使用的 DOCTYPE 。

我做了一个实时测试http://jsfiddle.net/kYcD9/，它在IE9中工作正常。

Answer 4

也许我遇到这个问题的原因是不同的，但对我来说解决它的原因是给div提供了背景属性：

.myactivediv {
    ...
    background: #E8E6EE;
    ...
}