我正在编写一段jQuery,说明是否单击了.ajaxLink,然后将其带到URL并将其应用于ajax调用,如下所示:
$(".ajaxLink").click(function (e) {
e.preventDefault();
removePreviousData(); // removes any div that might be loaded in #content
jQuery.ajax({
type: 'GET',
url: $(this).attr('href'),
success: function (data, textStatus) {
$(data).appendTo('#content');
},
error: function (XMLHttpRequest, textStatus, errorThrown) {},
complete: function (XMLHttpRequest, textStatus) {
loadedData() // applies some relative animations for loaded content
}
});
return false;
});
这适用于我点击的第一个链接,但由于我在使用此类的同一页面上有多个链接,当我点击第二个链接时,它只会加载相同的数据。如何将其应用于每个.ajaxLink(假设.each(),但无法运行)。
谢谢!
答案 0 :(得分:1)
如果您希望#content
仅显示所点击链接的href内容,则必须将#content
的内容替换为不附加内容。
success: function (data, textStatus) {
$('#content').html(data);
},