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 中都运行良好。然而，我仍然无法解决我的特定问题。

我还在一个使用框架和母版页的旧 aspx 应用程序中执行所有这些操作(guh)...所以很难说出是什么原因造成的。

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

Answer 1

我遇到了同样的问题，结果是在我的 css 文件中:

body { z-index:-1}

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