Question

我有一个jquery if语句不能正常工作，我认为它很接近，但似乎并不想工作：

我希望它遵循以下内容：如果它是一个ios设备，我希望它做一件事，如果它是一个高度大于500像素但小于830的窗口然后做另一件事，如果它不是那些东西做第三件事

var deviceAgent = navigator.userAgent.toLowerCase();
var agentID = deviceAgent.match(/(iphone|ipod|ipad)/);


if(agentID) {
    $("#about_container").css({
        height: $(window).height() + 500
    });
    $("#about_main_header_container").css({
        paddingBottom: (($(window).height() - $("#about_content_total").outerHeight(true)) /2) - 50
    });
    $("#services_wrapper").css({
        height: $(window).height() + 190
    });
    $("#services_main_header_container").css({
        paddingBottom: (($(window).height() - $("#services_container").outerHeight(true)) /2) - 10
    });
}
else if ($(window).height() > 500, $(window).height() < 830) {
$("#about_container").css({
    height: 830
});    
$("#services_wrapper").css({
    height: 830
});
$("#services_main_header_container").css({
    paddingBottom: 160
});
$("#about_main_header_container").css({
    paddingBottom: 130
});
}
else {
    $("#about_container").css({
        height: $(window).height() - 65
    });
    $("#about_main_header_container").css({
        paddingBottom: (($(window).height() - $("#about_content_total").outerHeight(true)) /2) - 175
    });
    $("#services_wrapper").css({
        height: $(window).height() - 100
    });
    $("#services_main_header_container").css({
        paddingBottom: (($(window).height() - $("#services_container").outerHeight(true)) /2) - 175
    });
}

Answer 1

else if ($(window).height() > 500, $(window).height() < 830)

不对，应该是：

else if ($(window).height() > 500 && $(window).height() < 830)

在javascript中，a,b只会返回b。

jquery if语句格式化

1 个答案: