1

嘿，我有一个 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>
4

2 回答 2

5

它不起作用，因为您包含 jQuery Migrate，而不是 jQuery。尝试使用

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

当您包含 jQuery 时，它可以正常工作：jsFiddle 示例

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

于 2013-07-09T15:19:50.717 回答
0

您未能添加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>
于 2013-07-09T15:26:02.383 回答