.load回調已被調用五次

Question

我正在使用的代碼如下所示，我很確定我遺漏了一點，但找不到。

我正在做的是，當用戶按下按鈕時，頁面的一部分已被load 。 成功加載后，我需要做一些事務（僅一次），不幸的是，回調函數似乎恰好被調用了5次。 我嘗試了基本的google解決方案，但沒有機會。 提前致謝。

val = 1;
$( "#signup" ).click(function( event ) {
    event.preventDefault();
    $( ".container" ).load("/signup", function(event) {
        console.log("val: "+val);
        val++;
     });
});

並且控制台日志顯示

val: 1
val: 2
val: 3
val: 4
val: 5

PS：我不確定是否相關，但是該項目還使用laravel和bootstrap 。

Answer 1

您的HTML中沒有很多“ .container”嗎？ 記錄$（“ .container”）進行檢查