jQuery 语法错误 - 尝试检测视口(viewport)大小并选择背景图像以使用 w/CSS

Question

请温柔点，我还在学习。我想我的问题的解决方案很简单，也许我只是在电脑前待得太久了。

我正在尝试检测视口(viewport)的大小，然后根据视口(viewport)的大小使用不同大小的图像作为元素的背景。

这是我目前所拥有的:

$(document).ready(function(){

    var pageWidth = $(window).width();

    if ( pageWidth <= 1280 ) {
        $('#contact').css('background-image', 'url(../images/contact_us_low.jpg)');
    }
    elseif ( pageWidth > 1280 ) {
        $('#contact').css('background-image', 'url(../images/contact_us_high.jpg)');
    }
 });

错误:

失踪;声明前[Break on this error] elseif ( pageWidth > 1280 ) {\n (Line 7)

对我来说，似乎我所有的分号都在正确的位置。两个问题:

1. 我会以明智的方式解决问题吗？对我来说，一个简单的条件应该可以解决这个背景问题，因为代码只是根据它检测到的视口(viewport)大小在两个图像之间进行选择。

2. 你能帮忙指出我的 n00b 语法错误吗？有时，多一双眼睛看着这样的东西确实有帮助，即使很小。

非常感谢您的建议，我会继续浏览和细读我可用的文档。

Answer 1

错误在您的 Javascript else If 语法中。 else 和 If 之间需要有一个空格。