我想根据viewportWidth选择图像。不幸的是,我无法让它发挥作用。只有“else”-case显示,所以if函数不起作用。你能帮忙吗?
我的代码:
jQuery(document).ready(function ($) {
var viewportWidth = $(window).width();
if (768 < viewportWidth) {
$.backstretch("http://static.pexels.com/wp-content/uploads/2014/09/beach-sunset-traces-2730-527x350.jpg", {
duration: 3000,
fade: 750
});
} else if (1024 < viewportWidth) {
$.backstretch("http://static.pexels.com/wp-content/uploads/2014/09/beach-ocean-sea-2728-527x350.jpg", {
duration: 3000,
fade: 750
});
} else {
$.backstretch("http://static.pexels.com/wp-content/uploads/2014/09/boat-ocean-railing-2719-527x350.jpg", {
duration: 3000,
fade: 750
});
}
});
您也可以在JSFiddle中找到它。
答案 0 :(得分:-1)
当我尝试并颠倒顺序时
viewportWidth < 768
vsversus < viewportWidth
viewportWidth < 1024
与1024 < viewportWidth
它似乎正常工作。