在移动浏览器上禁用 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);
        });
    }
});

在移动浏览器上禁用 jQuery

Disable jQuery on mobile browsers

html

css

mobile

jquery