通話中的AJAX嵌套內容

Question

我有我的網站http://www.yokaproject.com/ ，我決定將其清理，即時消息仍在處理中，因此，如果您看到我的錯誤可以解決，即時消息未完成，但我感謝您的任何評論。 頂部的導航顯示錨點標簽，以單擊jQuery並將其加載到div＃container中。 我的問題是每次調用都會翻倍，並且嵌套越來越多的內容，只需連續兩次單擊圖片即可。 自上周一以來，我就一直在此工作，因此我們將不勝感激。 這是我的功能

$('.header a').on('click', ajaxLoad);

function ajaxLoad(e) {
    e.preventDefault();
    var url = $(this).attr("href");
    var that = $(this);
    that.off('click'); // remove handler
    $.ajax({
      url: url,
      dataType: "html",
      type: "GET",
      cache: false
    }).done(function(data){
        $("#container").html(data);
    });
};

如果您想更好地了解html和CSS，可以訪問我的網站。 我計划在將來變得更大時將其放在github上，但現在沒有必要了。

• 您現在可以在我的網站上查看完整的代碼

Answer 1

that.on('click', ajaxLoad); // add handler back after ajax

每次出現ajax響應時，此行代碼都會重新附加單擊處理程序。 每次單擊時that都會創建一個ajax請求。

Answer 2

您的錯誤是：在always函數中，您再次在回調函數中調用ajaxLoad函數！ 因此，它多次調用。 請從您的代碼中刪除該行。