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のどこにも機能しません...何かアイデアはありますか？

更新：少し明確にするために、これはすべてJQUIダイアログボックスで発生しています。それが問題を引き起こしている可能性があるかどうかわからない。この投稿からJSFiddleを確認しましたが、IE9ではすべて正常に機能します。それでも、特定の問題を機能させることはできません。

私はまた、フレームとマスターページ（guh）を使用している古いaspxアプリケーションでこれをすべて行っています...したがって、これを引き起こしている原因を特定するのは非常に困難です。

Doctypeを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");
});

「another」という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 に答える