Javascript 仅在小视口上执行jQuery

我的jQuery脚本折叠内容，使标题元素可单击，并显示内容。我想将脚本约束到小于700 px的视口

下面是一个带有jQuery的代码笔：

您可以使用

$（window）.width（）

查找窗口的宽度，然后仅在宽度小于700px时执行

演示-

如果希望在调整窗口大小时进行更新，可以使用.resize（）。 e、 g:

$（窗口）。调整大小（函数（）{
if（$（window）.width（）可以使用
$（window）.width（）；
查找窗口的宽度，然后仅在宽度小于700px时执行

演示-

如果希望在调整窗口大小时进行更新，可以使用.resize（）。
e、 g:

$（窗口）。调整大小（函数（）{
if（$（window）.width（）可以使用
$（window）.width（）；
查找窗口的宽度，然后仅在宽度小于700px时执行

演示-

如果希望在调整窗口大小时进行更新，可以使用.resize（）。
e、 g:

$（窗口）。调整大小（函数（）{
if（$（window）.width（）可以使用
$（window）.width（）；
查找窗口的宽度，然后仅在宽度小于700px时执行

演示-

如果希望在调整窗口大小时进行更新，可以使用.resize（）。
e、 g:

$（窗口）。调整大小（函数（）{
if（$（window）.width（）可能重复否，一点也不。我尝试使用resize（）命令函数，但每次调整大小事件都会调用“单击”函数。我想看看您如何只能在小视口上执行“单击”事件。我更新了代码笔，添加了“调整大小”函数，问题是，如果您多次调整视口大小，则每次调整视口大小时都会调用“单击”函数。任何使用r小于700px将出现在移动设备上，从而触发onload。虽然能够在更大的屏幕上随机调整窗口大小很好，但您的任何用户会在台式机/笔记本电脑上实际使用移动版本吗？你说得有道理，我想我可以让它在resize（）上工作功能，并使其在移动和桌面上工作。可能重复不，一点也不。我尝试使用resize（）函数，但每次调整大小事件都会调用“单击”函数。我想看看您如何只能在小视口上执行“单击”事件。我更新了代码笔，添加了“调整大小”函数，问题是，如果您多次调整视口大小，则每次调整视口大小时都会调用“单击”函数。任何使用r小于700px将出现在移动设备上，从而触发onload。虽然能够在更大的屏幕上随机调整窗口大小很好，但您的任何用户会在台式机/笔记本电脑上实际使用移动版本吗？你说得有道理，我想我可以让它在resize（）上工作功能，并使其在移动和桌面上工作。可能重复不，一点也不。我尝试使用resize（）函数，但每次调整大小事件都会调用“单击”函数。我想看看您如何只能在小视口上执行“单击”事件。我更新了代码笔，添加了“调整大小”函数，问题是，如果您多次调整视口大小，则每次调整视口大小时都会调用“单击”函数。任何使用r小于700px将出现在移动设备上，从而触发onload。虽然能够在更大的屏幕上随机调整窗口大小很好，但您的任何用户会在台式机/笔记本电脑上实际使用移动版本吗？你说得有道理，我想我可以让它在resize（）上工作功能，并使其在移动和桌面上工作。可能重复不，一点也不。我尝试使用resize（）函数，但每次调整大小事件都会调用“单击”函数。我想看看您如何只能在小视口上执行“单击”事件。我更新了代码笔，添加了“调整大小”函数，问题是，如果您多次调整视口大小，则每次调整视口大小时都会调用“单击”函数。任何使用r小于700px将出现在移动设备上，从而触发onload。虽然能够在更大的屏幕上随机调整窗口大小很好，但您的任何用户会在台式机/笔记本电脑上实际使用移动版本吗？你说得有道理，我想我可以让它在resize（）上工作函数并使其在移动和桌面上工作。如果用户调整窗口大小，会发生什么情况？这只在加载时有效，而在调整视口大小时无效，是否可以使用resize（）函数并检查宽度？这只在加载时有效，但问题没有指定。您可以使用.resize（）使其与调整大小后的窗口一样工作。@OP您说的是视口，而不是窗口。我想知道这是否真的是正确的目标。您能验证一下吗？如果用户调整窗口大小，会发生什么情况？这只在加载时起作用，如果您调整视口大小，则不能使用resize（）命令函数并检查宽度？这只在加载时有效，但问题没有指定。您可以使用.resize（）使其与调整大小后的窗口一样工作。@OP您说的是视口，而不是窗口。我想知道这是否真的是正确的目标。您能验证一下吗？如果用户调整窗口大小，会发生什么情况？这只在加载时起作用，如果您调整视口大小，则不能使用resize（）命令函数并检查宽度？这只在加载时有效，但问题没有指定。您可以使用.resize（）使其与调整大小后的窗口一样工作。@OP您说的是视口，而不是窗口。我想知道这是否真的是正确的目标。您能验证一下吗？如果用户调整窗口大小，会发生什么情况？这只在加载时起作用，如果您调整视口大小，则不能使用resize（）命令函数并检查宽度？这只在加载时有效，但问题没有指定。您可以使用.resize（）使其作为其resi
$(window).resize(function(){
    if ($(window).width() <= 700){  
        // do something
    }   
});