Jquery點擊DIV在IE瀏覽器只觸發文本，而不是DIV中的任何地方...？

Question

我有一個DIV：

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

，我想在某人的任何地方點擊它，所以我可以做一種可摺疊工具箱上發射click事件：在FF

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

工作正常，鉻，但在ie9它只適用於如果你點擊實際的文本，而不是在任何地方...任何想法？

更新： 只是爲了澄清一點，這一切都發生在JQ UI對話框中。不知道這是否會導致問題。我從這篇文章看過JSFiddle，他們在IE9中都能正常工作。但是，我仍然無法解決我的特殊問題。

我也在使用框架和母版頁（guh）的舊aspx應用程序中執行所有這些......因此很難說明是什麼導致了這種情況。

我已將文檔類型更改爲HTML5，但仍無法使其觸發除文本之外的其他任何內容的點擊。

Answer 1

仔細檢查你正在使用的DOCTYPE。

我做了一個現場測試，http://jsfiddle.net/kYcD9/，它在IE9中工作正常。

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

我有同樣的問題，原來，在我的CSS文件我有：

body { z-index: -1}

去除一切正常後。這就是爲什麼這些工作在jsfiddle，而不是我的工作。

Answer 4

也許我爲什麼有這個問題的原因是不同的，但對我來說有什麼解決它給DIV的背景屬性：

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