在移动设备上禁用 Tilt.js

Question

我试图在移动设备上禁用tilt.js。我认为它应该是一个简单的脚本来检查屏幕的宽度。所以我做了类似的东西，但它不起作用。我的 div 类是 .tilt-el

$( document ).ready(function() {

 // Destroy tilt

if ($(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)) {&nbsp; console.log('is mobile')} else {&nbsp; console.log('isnt mobile')}

Answer 2

我的朋友宽度不是检测设备的好主意。最好使用 UserAgent。你怎么能这样做？我会告诉你if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {&nbsp; console.log('is mobile')} else {&nbsp; console.log('isnt mobile')}希望能帮助到你更新：var element = $('.tilt-el').tilt();element.tilt.destroy.call(element);

Answer 3

我今天遇到了同样的问题，找不到任何东西。我写了一些代码，它似乎工作。function destroyTilt() {&nbsp; &nbsp; var tiltElements = document.querySelectorAll(`[data-tilt]`);&nbsp; &nbsp; var mq = window.matchMedia("(max-width: 1025px)");&nbsp; &nbsp; if (mq.matches) {&nbsp; &nbsp; &nbsp; &nbsp; for (var i = 0, len = tiltElements.length; i < len; i++) {&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; tiltElements[i].vanillaTilt.destroy();&nbsp; &nbsp; &nbsp; &nbsp; }&nbsp; &nbsp; } else {&nbsp; &nbsp; &nbsp; &nbsp; console.log('pedal');&nbsp; &nbsp; }}destroyTilt();我仍在学习编码，所以我确信代码是有缺陷的。如果有人可以就如何改进它给我指点，那就太好了。