2014-07-01 43 views
-4

此子菜單顯示在點擊小設備(320px)上。使這個子菜單出現在大型設備懸停(1024px)上。使點擊響應子菜單顯示在懸停上

jQuery的

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('ul.subcat').hide(); 

     $('li').click(function(event) { 
     event.stopPropagation(); 
     $('> ul', this).toggle(); 
     }); 
    }); 
    </script> 
+3

你有什麼問題嗎? –

+0

如果通過「設備」來表示移動設備,請注意解釋什麼是移動設備上的「懸停」? – Banana

+0

您可能會對[這些]感興趣(http://www.fourfront.us/blog/jquery-window-width-and-media-queries)[鏈接](http://www.wiliam.com.au/)威廉·-博客/ jQuery的和CSS媒體查詢)。 –

回答

-1
$(window).resize(function(){ 
    if ($(window).width() <= 800){ 
     $(".selector").click(function(){ 

      //Your Code 

    }); 
    }else 
    { 
     $(".selector").hover(function(){ 

      //Your Code 

     });   
    } 
}); 

您可以通過此獲得的功能。嘗試這個。

+0

我想爲媒體懸停(最大寬度:1024px)而不是移動設備 – Dinesh

+0

對於(最大寬度:1024px),您可以使用此懸停事件。 –

+0

謝謝Suyesh。我希望懸停子菜單顯示爲(最大寬度:1024px)媒體,並點擊(最大寬度:320px)媒體。只是想讓菜單響應。 – Dinesh