我有一个无序列表,将用作导航栏
<ul>
<li><a href="content/index.html" class="selected">Home</a></li>
<li><a href="content/about.html" class="nav_bubble">About</a></li>
<li><a href="content/projects.html" class="nav_bubble">Projects</a></li>
<li><a href="content/tutorials.html" class="nav_bubble">Tutorials</a></li>
</ul>
我有一些javascript将内容加载到div
<script type="text/javascript">
$(function(){
$("div#navcontainer > ul > li > a").click(function(e){
e.preventDefault();
$.ajax({
url: e.currentTarget.href,
cache: false,
dataType: "html",
success: function(data) {
console.log(data);
$("#content").html(data);
}
});
});
});
</script>
所有这些都有效,问题是,当我从内容文件夹中加载包含链接的页面时会发生什么?它将您的浏览器发送到页面而不是将其加载到div中。如何将所有链接重新加载到内容div中,而不是直接将用户发送给它们?
答案 0 :(得分:1)
变化:
$("div#navcontainer > ul > li > a").click(function(e){
要:
$("div#navcontainer > ul > li > a, div#content a").live('click',function(e){