2011-06-20 11 views
0

私はドロップダウンリストを使用して、別のものに表示される内容を特定しています。私のjquery .show()と.hide()はIEではなくfirefoxで動作します。クラス属性を使用して切り替えます。私はIEのためにこれをどのようにしますか? JavaScriptを使うべきですか?IEのクラスはShow()、Hide()で動作しますか?

+5

あなたの不足している引用符はありますか?そして何がdeptに設定されていますか? – locrizak

+0

現在の例は、[Demo](http://jsfiddle.net/Town/VJS2j/)で動作しません。それらの欠落している引用符は、問題のタイプミスですか? – Town

+0

私は引用符を見逃してしまいました、ごめんなさい。私はそれがFirefoxで働いているが、私は困惑されているIEではない – MrM

答えて

3

 if (dept == "All") { 
      $('.Sales').show(); 
      $('.Acct').show(); 
     } 
     else if (dept == "Sales") { 
      $('.Sales').show(); 
      $('.Acct').hide(); 
     } 

EDIT DEPTが最初のドロップダウン・リストの値に設定されているを見てください。 $('.Sales).show();のあなたの欠けている引用符のように。 $('.Sales').show();ではありませんか?

+0

良いキャッチ。私にはタイプミスがありました。 – MrM

0

あなたは、クラスの販売およびアカウンティングを持つ要素を持っている場合、これはIEで動作するはずです...

を単一引用符が欠落していました。 cssでは大文字と小文字が区別されることに注意してください。したがって、クラス名は一致しなければなりません。

if (dept == "All") { 
     $('.Sales').show(); 
     $('.Acct').show(); 
    } 
    else if (dept == "Sales") { 
     $('.Sales').show(); 
     $('.Acct').hide(); 
    }