仅在移动设备中使用java脚本功能

Question

我只想在移动设备中使用java脚本功能767px。 这是我的代码

$('#my-btnn').click(function() { 
    $('#mobile-login').hide(); 
    $('#user-settings').slideToggle('fast'); 
}); 

Answer 1

你可以简单地检查窗口的宽度，以确定是否函数应该工作或没有：

$('#my-btnn').click(function() { 
    if ($(window).width() < 767) { 
     $('#mobile-login').hide(); 
     $('#user-settings').slideToggle('fast'); 
    } 
}); 

Answer 2

可以通过检查你的分辨率绑定你的点击。使用onResize，并通过screen.width

$(window).resize(function() { 
    if (screen.width <= 767) { 
     $('#my-btnn').bind('click', function() { 
      $('#mobile-login').hide(); 
      $('#user-settings').slideToggle('fast'); 
     }); 
    } 
}); 

检查，可以检查，如果你是早期绑定。

或者你可以在onReload

添加此检查