0

優しくしてください、私はまだ勉強中です。私の問題の解決策は簡単で、おそらくコンピューターの前に長時間いすぎたのではないかと思います。

ビューポートのサイズを検出し、ビューポートのサイズに応じて要素の背景に異なるサイズの画像を使用しようとしています。

これが私がこれまでに持っているものです：

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

エラー：

ない ; before statement [このエラーで中断] elseif ( pageWidth > 1280 ) {\n (7行目)

私には、すべてのセミコロンが適切な場所にあるようです。2 つの質問:

  1. 賢明な方法で問題を解決しようとしていますか? コードは、ビューポートが検出されたサイズに基づいて2つの画像から選択しているだけなので、単純な条件付きでこの背景の問題を解決する必要があります。

  2. 私の n00b 構文エラーを指摘していただけませんか? たとえ小さいものであっても、このようなものを見るために余分な目を持つことが本当に役立つ場合があります.

アドバイスをいただきありがとうございます。引き続き、利用可能なドキュメントを調べて熟読していきます。

4

2 に答える 2

1

エラーは Javascriptelse If構文にあります。elseと の間にはスペースが必要ですIf。

于 2010-05-26T19:12:27.140 に答える
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)');
    }
});
于 2010-11-19T00:42:19.943 に答える