僅在移動設備中使用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

添加此檢查