切换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>