javascript-如何禁用低于特定设备宽度的JQuery？

我希望在移动设备宽度(768px及以下)处停止JQuery函数.
我试过使用$(window).width()来检测屏幕宽度,然后使用if语句,但似乎无法使其正常工作.

$(document).ready(function(){
  var resolution = $(window).width();
  if (resolution >= 768) {
    $('.img-1').hover(function(){
        $(this).animate({right: "350px"},1000);
        $('#desc1').show(1000);
    });
    $('.img-1').mouseleave(function(){
        $(this).animate({right: "0px"},1000);
        $('#desc1').hide(1000);
    });
  } else {
    // NO SCRIPT
  }
});

这是它的代码笔的链接：http://codepen.io/SRBET/pen/dOJoJb/

任何帮助将非常感激！

谢谢

解决方法:

尝试这个：

var resolution = $(window).width();
if (resolution > 768) {

  $(document).ready(function(){

  $('.img-1').hover(function(){
     $(this).animate({right: "350px"},1000);
     $('#desc1').show(1000);
 });
 $('.img-1').mouseleave(function(){
    $(this).animate({right: "0px"},1000);
    $('#desc1').hide(1000);
 });
});

} else {
// NO SCRIPT
}

准备功能前使用if条件.它在代码面板中工作(我在chrome上尝试过).如果您希望等号不适用于768px,请同时删除等号.

标签：responsive-design,css,html,javascript,jquery
来源： https://codeday.me/bug/20191112/2023839.html