2011-07-13 11 views
1

CSSファイル内でjQueryを実行できない可能性があります。しかしここに私の謎があります:CSSメディアクエリ内でjQueryのホバーを無効にする

私はそれらにオーバーレイを持つ複数のdivを持っています。デスクトップ上では、ユーザーはオーバーレイの上を移動し、明らかになったコンテンツをスライドさせます。

モバイルでは、ホバー状態(正常に実装されています)がありません。既存のMedia Queryロジックを使用して、特定のdivでjQueryのホバーを無効にするにはどうすればよいですか?

アドバイスは歓迎ですか、あるいはこの問題の代替ソリューションですか?

+1

あなたがないかもしれないがそれは、このためにJavaScriptを使用する方が良いでしょうメディアクエリーとまったく同じ条件で検出することができます。 – BoltClock

答えて

1

あなたのコードはかなりおそらく、この中のランニングのように見える:だけでdisplay:block非表示を変更

<div id="container"> 
    <div class="item show" /> 
    <div class="item hide" /> 
    <div class="item hide" /> 
    <div class="item hide" /> 
    <div class="item hide" /> 
</div> 

隠すさdisplay:none
display:block

である示しのようなものと良いメディアクエリとモバイルユーザーはすべてのコンテンツを表示します!私はあなたが軽く任意のコードを入れて4kの担当者を持っていないため叱っしたい

を(あまりにもJSを無効にする必要があります):)

+0

Scolding apprected。私はそれが実際のコードの問題よりも概念的な問題であると考えました:) – benhowdle89

+0

私の唯一の問題は、私があなたが本当に望んでいたことが分からなかったことです。 – Kraz