Javascript 仅当屏幕宽度>768px时运行部分脚本

变量“box-tip”在选择框时移动div。我只希望在屏幕宽度大于768px时发生这种情况。如何指定脚本的该部分仅在特定屏幕宽度下运行？边框选择应仍处于活动状态，但当低于768px时，移动文本应停止移动。欢迎所有建议

变量编号=document.queryselectoral.clicked； var letters=document.queryselectoral.border； number.forEachfunctionbox，索引{ box.addEventListenerclick，函数{ letters.forEachfunctionbox{ box.classList.removeshowBorder； }; 如果$window.width>768{ var info=document.getElementsByClassName'box-tip'[0]； 如果索引>2{ info.style.left=11+索引-3*45+像素； } 否则{ info.style.left=0+'px'； } info.style.visibility='visible'； 字母[index].classList.addshowBorder； } 否则{ info.style.left=0+'px'； info.style.visibility='visible'； 字母[index].classList.addshowBorder； } }; $document.onclick，'.clicked'，函数{ $”。单击“.removeClass”“selected”； $this.addClass'selected'； }; }; .list box li{显示：内联块；列表样式类型：无；填充：1em；背景：红色；} .列表框{边距：15px自动；填充：0；} .box套筒li{显示：内联块；列表样式类型：无；填充：1em；背景：红色；} .box套筒{边距：15px自动；填充：0；} .showBorder{border:1px虚线233354；} .盒子提示{ 显示：内联； 保证金：自动； 位置：相对位置； 可见性：隐藏； 左侧填充：10px； } .数字圆圈{ 边界半径：90%； 字体大小：12px； 边框：2×000； 颜色：fff； 背景：2000人； 填充：0.4px； } .编号圆形跨度{ 文本对齐：居中； 显示：块； } li.selected{color:fff；背景色：000；} 1. 2. 3. 4. 5. 6. 7. 8. 适合您衣领尺寸的常规长度 ? A. B C D E F G H

---

您可以在脚本中的JQuery中添加一个条件

// Returns width of browser viewport
if($( window ).width() > 768){
//If you want to add dynamically a class or remove one
$('.selector').addClass(); // or removeClass()
}

---

您可以在脚本中的JQuery中添加一个条件

// Returns width of browser viewport
if($( window ).width() > 768){
//If you want to add dynamically a class or remove one
$('.selector').addClass(); // or removeClass()
}

---

回答得好-断点代码可以工作，但我无法让边框选择在768px以下工作。知道我必须在else条件中包含什么吗？我认为问题在于，当你创建监听器时，尝试将索引传递给事件监听器，因为你在监听器中使用变量索引，而这可能会因为提升而改变。这正是我的问题所在。如何使用您的建议集成到我的代码中？您不需要在每个框中创建事件侦听器，您可以将事件侦听器添加到父级，通过传播捕获目标子级，您可以看到如何执行传播，请记住，您可以获取子级编号的值来更改位置，类似于$'target'.val或$'target'.htmlgood response的东西-断点代码可以工作，但我无法使边框选择在768px以下工作。知道我必须在else条件中包含什么吗？我认为问题在于，当你创建监听器时，尝试将索引传递给事件监听器，因为你在监听器中使用变量索引，而这可能会因为提升而改变。这正是我的问题所在。如何使用您的建议集成到我的代码中？您不需要在每个框中创建事件侦听器，您可以将事件侦听器添加到父级，通过传播捕获目标子级，您可以看到如何执行传播，请记住，您可以获取子级编号的值来更改位置，类似于$'target.val或$'target.html的内容