Синтаксическая ошибка jQuery - Попытка определить размер области просмотра и выбрать фоновое изображение для использования с CSS

Question

Пожалуйста, будьте нежны, я все еще учусь. Я полагаю, что решение моей проблемы простое и, возможно, я просто слишком долго сидел перед компьютером.

Я пытаюсь определить размер области просмотра, а затем использовать изображение другого размера для фона элемента в зависимости от размера области просмотра.

Вот что у меня есть:

$(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)');
    }
 });

Ошибка:

отсутствует; до заявления [Прервать эту ошибку] ​​elseif (pageWidth> 1280) {\ n (строка 7)

Мне кажется, что все мои точки с запятой находятся в правильном месте. Два вопроса:

1. Собираюсь ли я решить проблему разумным способом? Для меня простое условное решение должно решить эту фоновую проблему, поскольку код просто выбирает между двумя изображениями в зависимости от того, какой размер он определяет в окне просмотра.

2. Не могли бы вы помочь указать на мою синтаксическую ошибку n00b? Иногда действительно полезно, чтобы лишняя пара глаз смотрела на что-то подобное, даже если оно маленькое.

Спасибо за ваш совет, я буду продолжать изучать документы, которые у меня есть.

Answer 1

Вы можете просто сделать еще.

$(document).ready(function(){

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

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

Answer 2

Ошибка в вашем синтаксисе Javascript else If. Вы должны иметь пробел между else и If.