使点击响应子菜单在悬停时显示

Question

此子菜单在点击小型设备（320 像素）时显示。让这个子菜单出现在大型设备（1024px）的悬停上。

jquery

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

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

Answer 1

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

            //Your Code

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

             //Your Code

        });         
    }
});

你可以通过这个获得功能。试试这个。