<分区>
作为 jQuery 和 AJAX 基础知识的新手,我一直在尝试设置一些相当简单的动态加载。
我包含一个 .js 文件来设置 click
事件处理程序,它看起来像这样:
var baseurl = document.getElementById("baseurl").getAttribute("href");
var pattern = new RegExp("[^/]+");
var page = "cnt/" + pattern.exec(window.location.href.substr(baseurl.length)) + ".php";
$(document).ready(function(){
$('a.ajax').bind('click',function(event){
event.preventDefault();
$('#content').load("cnt/" + pattern.exec(this.href.substr(baseurl.length)) + ".php")
})
});
请注意,我对文件做了一些更改,因此相对 href“testing/”将变成文件“cnt/testing.php”的绝对路径。
我的 anchor 标签是这样的:
<a href="testing/" class="ajax">Link to testing page</a>
我的问题是,无论何时将新内容加载到 div#content 中,我的 .js 文件中的处理程序都没有注册可能使用 AJAX 出现的任何链接。 换句话说,链接将简单地充当普通的 anchor 标签。我希望它使用 AJAX 加载下一页,就像加载第一页一样。