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

时间:2014-07-01 13:21:50

标签: jquery css

点击小设备(320px)时会显示此子菜单。使此子菜单在悬停时显示为大型设备(1024px)。

jquery的

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

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

1 个答案:

答案 0 :(得分:-1)

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

            //Your Code

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

             //Your Code

        });         
    }
});

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