0

次のjQueryを使用して、divをフェードアウトし、HTMLページをロードしてからフェードインしようとしています。フェードは機能していますが、HTMLをロードしていないようで、何がよくわかりません行方不明です。最初の関数は、最初にサイトにアクセスしたときに最初のページを div にロードしようとする試みです。

jQuery

$(document).ready(function() {

    $("#Content").load("Landing.html");

});

$(document).ready(function() {

    $("a").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $("#Content").fadeOut(500);  
        $("#Content").load("linkLocation"); 
        $("#Content").fadeIn(500); 
    });

});

HTMLの基本的な考え方

<ul>
        <li>
          <a href="Contact.html">contact</a>
       </li>  

       <li>
          <a href="Portfolio.html">portfolio</a>
       </li>

        <li>
          <a href="Services.html">services</a> 
        </li> 

       <li>
          <a href="About.html">about</a>
       </li>

       <li>
          <a href="Landing.html">home</a>
       </li>      
     </ul>

<div id="Content"></div>

助けてくれてありがとう！

編集

すべての提案をありがとう。私はそれらのそれぞれを試しましたが、まだ運がありません。本当に単純なものが欠けているに違いありませんが、ATM が見えません。

4

2 に答える 2

0

linkLocationlocation は文字列ではなく変数なので、で囲まないでください""

$(document).ready(function() {

    $("a").click(function(event){
        event.preventDefault();
        var linkLocation = this.href;
        $("#Content").fadeOut(500);  
        $("#Content").load(linkLocation ); 
        $("#Content").fadeIn(500); 
    });

});
于 2013-06-19T03:16:34.200 に答える