我想禁用移动设备上的淡入淡出脚本,下面的代码是我尝试过的。然而,它似乎禁用了所有分辨率的所有元素,我在我的 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);
});
}
});
最佳答案
首先,您可以将所有这些选择器连接在一起以获得单一功能。其次,如果元素默认为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 - 在移动浏览器上禁用 jQuery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28897144/