0

我正在编写一段 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(),但不能让它运行)。

谢谢!

4

1 回答 1

1

如果您只想 #content显示单击链接的 href 内容,则必须替换#content's 内容而不是附加到它。

    success: function (data, textStatus) {
        $('#content').html(data);
    },
于 2012-10-28T02:58:06.757 回答