jquery - jQuery根据窗口宽度设置值

Question

对于初学者; 我是一个大的 jQuery/Javascript 新手。我正在制作一个包含 SlidesJS 滑块的响应式网站。我的根本问题是我不会根据窗口宽度更改滑块的高度：

如果窗口宽度 < 767px 将高度设置为 600。否则将高度设置为 400。

您使用此 jQuery 代码设置 SlidesJS 值（我想要灵活的高度）：

$(function() {
$('#slides').slidesjs({
width: 940,
height: 400,
play: {
active: true,
auto: true,
interval: 4000,
swap: true
}
});
});

Answer 1

这应该工作

$(function() {
    $('#slides').slidesjs({
        width: 940,
        height: setWindowHeight(),
        play: {
            active: true,
            auto: true,
            interval: 4000,
            swap: true
        }
    });
});

function setWindowHeight() {
    return ($(window).width() < 767) ? 600 : 400;   
}