jquery - 在移动浏览器上禁用 jQuery

Question

我想禁用移动设备上的淡入淡出脚本，下面的代码是我尝试过的。然而，它似乎禁用了所有分辨率的所有元素，我在我的 CSS 中的每个元素上使用 display: none 我认为当 jQuery 禁用脚本时，CSS 开始发挥作用，我'我不确定如何解决它。任何帮助将不胜感激!

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;

$(window).load(function() {
if(!isMobile) {
$('.rmm').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
$('.social').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
 $('.filmpress').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
 $('.filmpress2').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
$('.arrow').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
$('.venice').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
  $('.title').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
 $('.logo h3').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
$('#bgbig').each(function(i) {
  $(this).delay((i + 0) * 250).fadeIn(1000);
});
$('.logo h2').each(function(i) {
  $(this).delay((i + 4) * 250).fadeIn(1000);
});
}
});

Answer 1

首先，您可以将所有这些选择器连接在一起以获得单一功能。其次，如果元素默认为display: none，那么在移动设备上使用时需要对它们使用show()。试试这个:

var isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent) ? true : false;

$(window).load(function() {
    var $elems = $('.rmm, .social, .filmpress, .filmpress2, .arrow, .venice, .title, .logo h3, #bgbig, .logo h2');
    if (isMobile) {
        $elems.show();
    }
    else {
        $elems.each(function(i) {
            $(this).delay((i + 4) * 250).fadeIn(1000);
        });
    }
});