在加载时手动停止在 jquery 中加载 php

Question

我有一个在 jquery 加载函数的帮助下动态调用的 photos.php 页面，如下所示：

 $("#photo_gallery").load("./photos.php"

但是，如果用户在上述函数调用之后恰好单击另一个按钮，我想要一种手动停止加载 photos.php 的方法。

例如，如果用户单击触发的按钮 $("#photo_gallery").load("./photos.php") 并且在下一刻之后，如果用户单击另一个按钮，则上述加载应立即停止。如果有人可以在这里帮助我，请不胜感激。

     $("#photo_gallery).empty() will not work here (it doesn't work while the php page loads,it only works when after/before the load)

Answer 1

作为我评论的延伸，你可以有这样的东西

var load = true;

$(document).ready(function() {
     load_images(load);
});


// Recursively call the load function as long as toggle is true
function load_images(toggle) {
    if(toggle) {
        $("#photo_gallery").load("next_image");
        load_images(true);
    }
}

// Toggle load button
$('#toggle_load').on("click", function() {
     if(load) {
           load = false;
           load_images(load);
     } else {
           load = true;
           load_images(load);
     }
});