Javascript Html未动态加载到Div中

过去，我能够使用提供的答案将html完美地加载到div中，但是，我启动了一个基于codrops模板的新项目，页面不会加载到指定的.contentdiv中

该网页是。我已经加载了所有正确的jquery库，并且测试页面“bio.html”的路径正确

我正在特别开发第一个ulli菜单列表链接“传记”，以测试它的功能

我在jquery中使用的代码是

$(document).ready(function(){
    $("#bio").click(function(){
        $('.content').load('bio.html');
        //alert("Thanks for visiting!");
    }); 
});

选择器“#bio”已应用于

传记

在index.html中。在class=“content”div标记中，我将其css设置为

.content {
    color: white;
    background: rgba(0,0,0,0.9);
    background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.9)), color-stop(100%, rgba(0,0,0,0.6)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    width: 60%;
    border-radius: 2px;
    padding: 3em 2em;
    max-width: 1200px;
    max-height: 800px;
    margin: 0 auto;
    box-shadow: 0 5px 7px -5px rgba(0,0,0,.7);
}

---

我不知道上面的代码是否干扰了在单击处理程序时不允许动态加载页面的内容。我确实将class=“content clearfix”更改为class=“content”，因为我现在不太担心使用clearfix黑客，这是在原始codrops html中标识元素的唯一更改。

查看链接，在未定义代码“$”后加载jquery文件，将jquery库移到该代码上方，它应该开始工作。

在脚本之后调用jquery库， 首先调用jQuery，然后调用脚本

---

我鼓励您使用1.9.0或更高版本。

i get

$在我的控制台中没有定义

，任何人都会得到相同的版本。是的，

js/linking.js

应该包含在jQuery之后。我想这可能是因为您引用了两个不同版本的jQuery（1.4和1.6）。你能试着移除其中一个吗？这正是问题所在，非常感谢！我肯定我犯同样的错误已经有一段时间了。之后，我删除了1.4库并移动了linking.js。工作得很漂亮