Javascript 当窗口大小调整到480px以下时调用函数_Javascript_Jquery

Javascript 当窗口大小调整到480px以下时调用函数

javascript jquery

Javascript 当窗口大小调整到480px以下时调用函数,javascript,jquery,Javascript,Jquery,当窗口大小调整到480px以下时，JavaScript或jQuery中是否有方法调用函数使用jQuery，您可以按如下方式执行： $(window).on("resize", function() { if ($(this).width() < 480) { // or $(this).height() for height check // function(); } }); $（窗口）.on（“调整大小”，函数（）{ 如果（$（this）.w

当窗口大小调整到480px以下时，JavaScript或jQuery中是否有方法调用函数

使用jQuery，您可以按如下方式执行：

$(window).on("resize", function() {
    if ($(this).width() < 480) {     // or $(this).height() for height check
        // function();
    }
});

$（窗口）.on（“调整大小”，函数（）{
如果（$（this）.width（）<480）{//或$（this）.height（）用于高度检查
//函数（）；
}
});

使用jQuery，您可以按如下方式进行操作：

$(window).on("resize", function() {
    if ($(this).width() < 480) {     // or $(this).height() for height check
        // function();
    }
});

$（窗口）.on（“调整大小”，函数（）{
如果（$（this）.width（）<480）{//或$（this）.height（）用于高度检查
//函数（）；
}
});

您可以在窗口上使用调整大小事件(http://api.jquery.com/resize/)，然后检查窗口的大小，如果小于480px，则调用您的方法

你要求什么

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script>
        var counter=1;
        $(window).resize(function()
        {
            alert($(this).width());
            if ($(this).width() < 1000)
            {
                counter = incCounter(counter);
            }
            alert("counter = " + counter);
        });
        function incCounter(intvari)
        {
            backValue = intvari;
            backValue++;
            return backValue;
        }
    </script>
</head>
<body>
    Text
</body>
</html>


var计数器=1；
$（窗口）。调整大小（函数（）
{
警报（$（this.width（））；
如果（$（this）.width（）<1000）
{
计数器=计数器（计数器）；
}
警报（“计数器=”+计数器）；
});
功能计数器（intvari）
{
backValue=intvari；
backValue++；
返回返回值；
}
正文

？

你要求什么

<html>
<head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
    <script>
        var counter=1;
        $(window).resize(function()
        {
            alert($(this).width());
            if ($(this).width() < 1000)
            {
                counter = incCounter(counter);
            }
            alert("counter = " + counter);
        });
        function incCounter(intvari)
        {
            backValue = intvari;
            backValue++;
            return backValue;
        }
    </script>
</head>
<body>
    Text
</body>
</html>


var计数器=1；
$（窗口）。调整大小（函数（）
{
警报（$（this.width（））；
如果（$（this）.width（）<1000）
{
计数器=计数器（计数器）；
}
警报（“计数器=”+计数器）；
});
功能计数器（intvari）
{
backValue=intvari；
backValue++；
返回返回值；
}
正文

？

var w=$（窗口）.width（）；
如果（wvar w=$（窗口）.width（）；
如果（w）使用window.outerWidth或window.innerWidth的副本来获取dimensions@DmitryPashkevich这个问题与这个问题完全不同。本质上是问题（和答案）都是一样的。这是另一个非常相似的线程，我个人在搜索某物时很生气，所以得到了一堆几乎相同的线程…重复使用window.outerWidth或window.innerWidth来获取dimensions@DmitryPashkevich这个问题和这个问题完全不同，本质上是问题（及答覆）都是一样的。这是另一个非常相似的线程，我个人在搜索某物时会很生气，得到了一堆几乎相同的线程…当窗口大小调整到480px以下时，需要立即调用该函数。谢谢基本上我有一个jQuery手风琴，我想让它只适用于智能手机，所以我想f编写一个只在一定宽度下调用jQuery accordion的函数。我更新了我的答案。老实说，你的问题有点太离谱了。当窗口的大小调整到480px以下时，就需要调用该函数。谢谢基本上我有一个jQuery accordion，我想让它只在智能手机上工作，所以我想到了wri这是一个只在一定宽度下调用jQuery accordion的函数。我更新了我的答案。老实说，你的问题有点太离谱了。@Alex当你开始调整窗口大小时，它会起作用。如果你不改变窗口大小，警报将不会显示。当你调整窗口大小时，它不会起作用。你想让我给你一个实时链接吗？@Alex also警报后，我相信您丢失了一个；您好，它在Chrome中运行良好，但在FF中，屏幕完全变黑冻结，非常奇怪：O@Alex当您开始调整窗口大小时，它将起作用。如果您不更改窗口大小，警报将不会显示。调整窗口大小时它不起作用。您想让我给您一个实时链接吗？@alex Also警报后，我相信您丢失了一个；您好，它在Chrome中工作正常，但在FF中，屏幕完全变黑，非常奇怪：o