切換jQuery .load與.click

Question

嘿，我有一個div content，我想加載外部html文件。當我在我的導航點擊一個鏈接：

 <div class="nav"> 
      <div class="logo"> 
       <strong> 
        <a href="index.html"> 
         <img src="images/logo.png" alt="Sam Jarvis logo"/> 
        </a> 
       </strong> 
      </div> 
      <div class="menu"> 
       <ul> 
        <li><a href="#home">HOME</a></li> 
        <li><a href="#about">ABOUT</a></li> 
        <li><a href="#work">PORTFOLIO</a></li> 
        <li><a href="#clients">CONTACT</a></li> 
       </ul> 
      </div> 
     </div> 

我想在每個鏈接外部HTML文件褪色。如果我點擊回家，index.html淡入。如果我點擊另一頁，上一頁消失，新的淡入。

我不確定爲什麼我的當前鏈接沒有彈出警告框。我如何在我的菜單ul中使用jQuery來定位單個鏈接？

的jQuery：

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<!-- SCRIPTS --> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
      $(".menu ul li a").click(function(){ 
       alert("Execute"); 
      }); 
    }); 
</script> 

Answer 1

它不工作，因爲你jQuery的，包括遷移，而不是jQuery的。嘗試使用

http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js 

當您包括jQuery的，它工作正常：jsFiddle example

jQuery Migrate是一個jQuery插件，可以幫助你更新舊代碼的jQuery的新版本。

Answer 2

您未能添加jQuery參考。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
<!-- SCRIPTS --> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
      $(".menu ul li a").click(function(){ 
       alert("Execute"); 
      }); 
    }); 
</script>