0

私は、.ajaxLink がクリックされた場合にその URL を取得し、次のように ajax 呼び出しに適用するという jQuery を作成しています。

$(".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;
});

これは、最初にクリックしたリンクでは正常に機能しますが、同じページにこのクラスを使用する複数のリンクがあるため、2 番目のリンクをクリックすると、同じデータが読み込まれます。各 .ajaxLink に適用するにはどうすればよいですか (.each() を想定していますが、それを実行することはできません)。

ありがとう！

4

1 に答える 1

1

#contentクリックされたリンクの href のコンテンツのみを表示したい場合は 、コンテンツを#content追加せずに置き換える必要があります。

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