ul,li互換IE 6とIE 7
このタイトルを見ると、不思議なことに、ul、liには互換性の問題があります.確かに、私も初めて出会ったが、私は一生覚えている.
ul,li,IE 6およびIE 7の下で、liの兄弟要素は他のラベルではありません.例えば、divなどです.一般的にはこのバグは発見できませんが、主に今日jqueryを使ったイベントで、ie 6、ie 7では効果がなく、JSコードで印刷してもエラーがないことがわかりましたので、構造やスタイルに問題があったのではないかと思います.隠れた要素なので、普段は見つけにくいようです.だから私はまず構造をチェックして、突発的に考えて、まさかulの中でdivを書くことができませんか??そこでここからこのバグを発見しました.このバグを発見して、特に出荷があるような気がします!!!
コードは次のとおりです.
JSコード:
エラー構造コード:
正しい構造コード:
ul,li,IE 6およびIE 7の下で、liの兄弟要素は他のラベルではありません.例えば、divなどです.一般的にはこのバグは発見できませんが、主に今日jqueryを使ったイベントで、ie 6、ie 7では効果がなく、JSコードで印刷してもエラーがないことがわかりましたので、構造やスタイルに問題があったのではないかと思います.隠れた要素なので、普段は見つけにくいようです.だから私はまず構造をチェックして、突発的に考えて、まさかulの中でdivを書くことができませんか??そこでここからこのバグを発見しました.このバグを発見して、特に出荷があるような気がします!!!
コードは次のとおりです.
JSコード:
$(document).ready(function(){
$(".question_list>li").each(function(){
$(this).click(function(){
$(this).next(".box_hide").toggle();
$(this).siblings("li").next(".box_hide").hide();
$(this).children("a").css("color","#EC7302");
})
})
})
エラー構造コード:
<ul class="question_list">
<li>
<a href="void(0)"> CTQ?< /a>
</li>
<div class="box_hide">
<p class="one">
CTQ , , , 、 。CTQ 。
</p>
</div>
</ul>
正しい構造コード:
<ul class="question_list">
<li>
<a href="void(0)"> CTQ?< /a>
</li>
<li class="box_hide">
<p class="one">
CTQ , , , 、 。CTQ 。
</p>
</li>
</ul>