我试图在某些情况下捕获窗口大小,并根据宽度使用此代码应用不同的左侧位置:
case 'above':
modal.css({
'top': buttonPosition.top - modal.outerHeight() + scrollTop,
'left': $(window).resize(function() {
var i = $(this).width();
if (i > 735) { buttonPosition.left - 188;}
else {
buttonPosition.left - 100;
}
})
});
break;
但这似乎没有应用任何东西,无论窗口的宽度如何,元素仍然在相同的位置,但是当我删除 $(window).resize(function()
它时像这样工作:
case 'above':
modal.css({
'top': buttonPosition.top - modal.outerHeight() + scrollTop,
'left': buttonPosition.left - 188;
});
break;
但这不允许我根据窗口大小更改左侧位置,将不胜感激任何帮助
最佳答案
尝试这样做:
case 'above':
modal.css({
'top': buttonPosition.top - modal.outerHeight() + scrollTop,
'left': $(window).width() > 735 ? buttonPosition.left - 188 : buttonPosition.left - 100
});
break;
有关 ?语法见此处:Question Mark in JavaScript
关于javascript - 尝试在 switch 语句中使用 $(window).resize(function() 时出现问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28643070/