元素宽度值范围不起作用

我试图将一个初始化脚本（现在警告）作为目标，以便在包装元素在使用jQuery的特定范围内时触发。我尝试了所有我能想到的，现在需要我永远感激的社区援助。元素宽度值范围不起作用

当我运行了小提琴和div元素是600px的，我得到的，指出从alert(elementSize); 600报警，然后我从alert("laptop and desktop");第二警报这是不正确的，正确的警报应该是“平板电脑”。

var elementSize = $("#outerWrapper").width(); 
    alert(elementSize); 
    if ($(elementSize >= 801) && (elementSize <= 990)) { 
    alert("laptop and desktop"); 
    } else if ($(elementSize >= 600) && (elementSize <= 800)) { 
    alert("tablet"); 
    } else { 
    alert("neither"); 
    }

我也试过这样：

if ($(elementSize >= 801 && elementSize <= 990)) { 
    alert("laptop and desktop"); 
} else if ($(elementSize >= 600 && elementSize <= 800)) { 
    alert("tablet"); 
} else { 
    alert("neither"); 
}

总之，这里的公共小提琴：https://jsfiddle.net/timhjellum/k8vaofrz/

来源

2017-08-15 Timber Hjellum

你期待看到什么，与你*做*看到什么？当你在'if's中删除额外的$'s时，这个问题会消失吗？也就是说，if（（elementSize> = 801）&&（elementSize <= 990））{'和'else if（（elementSize> = 600）&&（elementSize <= 800））{'？ –

（看起来是这样的：https：//jsfiddle.net/k8vaofrz/136/） –

这个问题简而言之 - > https://jsfiddle.net/tf0w6uLd/ – adeneo

咄，固定！删除了不需要的jquery $。也更新了小提琴。

function checkSize() { 
    var elementSize = $("#outerWrapper").width(); 
    alert(elementSize); 
    if ((elementSize >= 801) && (elementSize <= 990)) { 
    alert("laptop and desktop"); 
    } else if ((elementSize >= 600) && (elementSize <= 800)) { 
    alert("tablet"); 
    } else { 
    alert("neither"); 
    } 
}

来源

2017-08-15 16:26:00

元素宽度值范围不起作用

回答

相关问题