0

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

しかし、このすべてが機能していません。検索しましたが、その情報から、私のコードは問題ないと思いますが、もちろんそうではありません。そこにはいくつかの愚かな間違いがありますが、私はそれを理解することができません.誰かが私のためにそれを指摘していただければ幸いです. ありがとうございました。

4

1 に答える 1

3

やったほうがいい

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

Document Readyの部分を忘れてしまったので:

$(function(){

//put your code here

});
于 2012-11-23T16:38:23.817 に答える