Question

我有一个菜单，使用jQuery插件更改主页上div的内容，所有似乎都工作正常，直到这里，从这里我只想更改每个内容的网站的背景图像

我的页面中有以下标记：

<nav>
  <ul>
    <a id="home" href="/" class="switcher">
      <li class="link">Home</li>
    </a>
    <a id="wid" class="switcher">
      <li>Content One</li>
    </a>
    <a id="srv" class="switcher">
      <li>Content Two</li>
    </a>
    <a id="cnt" class="switcher">
      <li>Content three</li>
    </a>
  </ul>
</nav>

我在js文件中编写了以下jQuery代码：

$("nav a").click(function () {
    $('body').css('background-image', 'url(../../Content/img/ ' + (this).id + '.jpg)').fadeIn('fast');
});

但是整个事情都没有用，我已经搜索了但是根据这些信息，我觉得我的代码还可以，但当然不是。那里有一些愚蠢的错误，但我无法弄明白，如果有人可以为我指出这一点，我将不胜感激。谢谢。

Answer 1

你应该做

$(function(){
    $("nav a").click(function() {
        $('body')
          .css('background-image', 'url(../../Content/img/' + (this).id + '.jpg)')
          .fadeIn('fast');
    });
});

所以你忘记了文件就绪部分：

$(function(){

//put your code here

});

jQuery的后台更改无法正常工作

1 个答案: