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 语句 [Break on this error] elseif ( pageWidth > 1280 ) {\n (Line 7)

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

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

  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 回答