jQuery多个if语句

Question

我试图根据窗口高度大小在div上设置填充.我简直找不到一种更好的工作方式来将我的内容div垂直放在另一个具有未知尺寸的div中.我的代码如下:

<script>
    $(document).ready(function(){ 
        var window_height = $(window).height();
        var home_content = $('#home-content');

            if(window_height <= 600) {
                home_content.css({"padding-top", "13px"});
            } else if(window_height > 600 && window_height <= 768) {
                home_content.css({"padding-top", "97px"});
            } else if(window_height > 768 && window_height <= 800) {
                home_content.css({"padding-top", "113px"});
            } else if(window_height > 800 && window_height <= 900) {
                home_content.css({"padding-top", "163px"});
            } else if(window_height > 900 && window_height <= 1050) {
                home_content.css({"padding-top", "238px"});
            } else if(window_height > 1050 && window_height <= 1080) {
                home_content.css({"padding-top", "253px"});
            } else if(window_height > 1080 && window_height <= 1200) {
                home_content.css({"padding-top", "313px"});
            } else {

            }
     });
    </script>

它不起作用.我的网站卡在预加载器上,根本不会加载任何东西.我做错了什么想法？

Answer 1

尝试改变:

{"padding-top", "13px"}

至:

{"padding-top":"13px"}

等等...

注意

问题是你可以用两种方式用jquery分配css样式:

$("#element").css('padding', '30px');

(如果要编辑/添加一个样式设置),或者:

$("#element").css({'padding':'30px'});

(使用此方法,您可以根据需要添加多少设置,只需将它们与,@dollarvar 分开,以便指出这一点).

代码中的问题是你有一个,而不是:.