在移动设备上禁用 Tilt.js

Question

我试图在移动设备上禁用tilt.js。我认为它应该是一个简单的脚本来检查屏幕的宽度。所以我做了类似的东西，但它不起作用。我的 div 类是 .tilt-el$( document ).ready(function() { // Destroy tiltif ($(window).width() < 480) {  var element = $('.tilt-el');  element.tilt.destroy.call(element);}else{ // Reset tilt  $('.tilt-el').tilt();}});谢谢！

Answer 1

不，我仍然无法破坏倾斜 :( 但谢谢你的回答

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {

  console.log('is mobile')

} else {

  console.log('isnt mobile')

}

Answer 2

我的朋友宽度不是检测设备的好主意。最好使用 UserAgent。

你怎么能这样做？我会告诉你

if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {

  console.log('is mobile')

} else {

  console.log('isnt mobile')

}

希望能帮助到你

更新：

var element = $('.tilt-el').tilt();

element.tilt.destroy.call(element);

Answer 3

我今天遇到了同样的问题，找不到任何东西。

我写了一些代码，它似乎工作。

function destroyTilt() {

    var tiltElements = document.querySelectorAll(`[data-tilt]`);

    var mq = window.matchMedia("(max-width: 1025px)");

    if (mq.matches) {

        for (var i = 0, len = tiltElements.length; i < len; i++) {

            tiltElements[i].vanillaTilt.destroy();

        }

    } else {

        console.log('pedal');

    }

}

destroyTilt();

我仍在学习编码，所以我确信代码是有缺陷的。如果有人可以就如何改进它给我指点，那就太好了。