使用.click切换jQuery .load

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文件.如果我单击home,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 Migrate,而不是jQuery.尝试使用

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

当你包含jQuery时,它工作正常:jsFiddle示例

jQuery Migrate是一个jQuery插件,可以帮助您将旧代码更新到更新版本的jQuery.