4

我有一个 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 应用程序中做这一切......所以真的很难说出是什么原因造成的。

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

4

4 回答 4

3

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

body { z-index: -1}

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

于 2012-11-07T22:24:48.663 回答
1

它在 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单击红色区域中的任意位置时，内容为“另一个”的内容将向上/向下滑动。

于 2012-05-22T14:53:57.500 回答
1

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

我做了一个现场测试，http://jsfiddle.net/kYcD9/，它在 IE9 中运行良好。

于 2012-05-22T14:54:13.167 回答
0

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

.myactivediv {
    ...
    background: #E8E6EE;
    ...
}
于 2013-04-09T22:04:52.873 回答