如果我的屏幕宽度小于960像素，我如何让jQuery做一些事情?下面的代码总是触发第二个警报，不管我的窗口大小:
if (screen.width < 960) {
alert('Less than 960');
}
else {
alert('More than 960');
}
当前回答
使用jQuery获取窗口的宽度。
if ($(window).width() < 960) {
alert('Less than 960');
}
else {
alert('More than 960');
}
其他回答
使用jQuery获取窗口的宽度。
if ($(window).width() < 960) {
alert('Less than 960');
}
else {
alert('More than 960');
}
use
$(window).width()
or
$(document).width()
or
$('body').width()
你可能想把它和一个resize事件结合起来:
$(window).resize(function() {
if ($(window).width() < 960) {
alert('Less than 960');
}
else {
alert('More than 960');
}
});
R.J。:
var eventFired = 0;
if ($(window).width() < 960) {
alert('Less than 960');
}
else {
alert('More than 960');
eventFired = 1;
}
$(window).on('resize', function() {
if (!eventFired) {
if ($(window).width() < 960) {
alert('Less than 960 resize');
} else {
alert('More than 960 resize');
}
}
});
我尝试http://api.jquery.com/off/没有成功，所以我使用eventFired标志。
试试这段代码
if ($(window).width() < 960) {
alert('width is less than 960px');
}
else {
alert('More than 960');
}
If ($(window).width() < 960) { 警报('宽度小于960px'); ｝ 其他{ alert('大于960'); ｝ < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本>
我建议不要使用jQuery来做这样的事情，而是继续使用window.innerWidth:
if (window.innerWidth < 960) {
doSomething();
}
