[英]Unbind custom function from element
I have the following code: 我有以下代码:
$( window ).resize(function() {
if (matchMedia('only screen and (min-width: 992px)').matches) {
$('#second').parallax();
$('.sketches-1').parallax();
$('#fifth').parallaxfifth();
}
else{
//...
}
});
I wish to remove the parallax function on mobile devices, but how can I achieve this? 我希望删除移动设备上的视差功能,但是如何实现呢?
Use: 采用:
var parallax = function() {
if (matchMedia('only screen and (min-width: 992px)').matches) {
$('#second').parallax();
$('.sketches-1').parallax();
$('#fifth').parallaxfifth();
}
else{
//...
}
};
$(window).resize(parallax);
//Some code here...
$(window).off('resize', parallax);
If you don't want to use this effect on mobile simply use: 如果您不想在移动设备上使用此效果,请使用:
function isMobile() {
/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}
if (!isMobile()) {
$(window).resize(parallax);
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.