下記のようにjavascriptで場面の切り替えを行ったのですが、firefox 3.6で見ると切り替え表示されません。他にlightbox やjquery-1.4.4.min.js などを使用していますが、取り除いて試したところやはり無効です。IEでは正常に機能します。なにかよい方法はないでしょうか?
<script>

function show1(){
content1.style.display="block";
content2.style.display="none";

}

function show2(){
content1.style.display="none";
content2.style.display="block";

}


</script>

<style>
#content1 { display:none; }
#content2 { display:none; }

</style>
<ul class="u2" id="menu2">
<li><span onclick="show1();"><img src="images/menu1.jpg" alt="" border="0" /></span></li>
<li><span onclick="show2();"><img src="images/menu2.jpg" alt="" border="0" /></span></li>

</ul>
<div id="content1">
aaaaaaaaaaaaaaaaaaaaaaaaaaaaa</div> 

<div id="content2">
bbbbbbbbbbbbbbbbbbbbbbbbbb</div>

A 回答 (1件)

IEは content1 で要素を特定できたりしますが、fxは特定できないから、


 document.getElementById("content1")
などを用いればよろしいかと。

でも、
>jquery-1.4.4.min.js などを使用していますが~
せっかくjqueryを使っているのなら、
 $("#content1").show() や $("#content1").hide() を用いた方が簡単ではないですか?
それに、span要素にonclick="~~"を並べなくても、jqueryなら簡単にセットできるのではないでしょうか?
    • good
    • 0
この回答へのお礼

fujillin さんありがとうございます。

解決しました。

お礼日時:2011/04/14 09:37

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング

おすすめ情報