Javascript VanillaTilt.js和querySelectorAll将在div中销毁tilt

当屏幕尺寸小于800px时，我试图在几个div上摧毁VanillaTilt。当然，我的函数只适用于一个div，但不适用于几个div。我想我可以用querySelectorAl，但我现在知道它不是那么简单。所以我写下了代码，我被卡住了。我不知道那有什么问题。有人能帮我吗？干杯

<div class='container'>
    <div class='tilt-el'></div>
    <div class='tilt-el'></div>
    <div class='tilt-el'></div>
</div>

var destroy=document.queryselectoral（“.tilt el”）；
var i；
var w=窗内宽度；
VanillaTilt.init（销毁）；
函数unTilt（）{
如果（w
document.queryselectoral（“.tilt el”）；
是元素的返回数组，那么您的函数应该如下所示：

function myFunction(i){ 
  if( w  <= 800) {
    destroy[i].vanillaTilt.destroy();
  }
}

函数myFunction（i）{
如果（w那么我重建了我的代码，也许有人会使用它或者改进它，但是。。。
太divs你不能把数据倾斜等。为什么？我不知道，但当我使用它作为html的一部分，它不工作

Html应该如下所示：

<div class='tilt-el'></div>
<div class='tilt-el'></div>
<div class='tilt-el'></div>

当然，VanilltaTilt支持Nodelist，因此您不必执行所有循环等操作

我认为它也可以为您工作。
假设vanillaTilt已经实例化并且必须销毁，您可以使用此代码。它会迭代div并逐个对其进行解析


const-box=document.queryselectoral（“.tilt-el”）；
VanillaTilt.init（框）；
document.querySelector（'#w'）.innerText=window.innerWidth；
如果（window.innerWidth{
box.vanillaTilt.destroy（）；
});
}
.container.tilt el{
填充：1em；
利润率：2米自动；
文本对齐：居中；
宽度：100px；
边框：1px点灰色；
背景色：rgba（200,0,0,0.25）；
}
前{
保证金：0自动；
文本对齐：居中；
字号：x大号；
}

一
二
三
window.innerWidth=？
谢谢你，但是运气不好。
<div class='tilt-el'></div>
<div class='tilt-el'></div>
<div class='tilt-el'></div>

<div class='tilt-el' data-tilt></div>
<div class='tilt-el' data-tilt></div>
<div class='tilt-el' data-tilt></div>

const w = window.innerWidth;
if(w > 600) { 
  VanillaTilt.init(document.querySelectorAll(".tilt"), {
  max: 30,
  speed: 3000
})}
else {
    console.log(w);
 }