javascript - Jquery get() 方法随机工作

Question

我有一个 div 调用 load-ajax-hotels，我在其中尝试在触发点击事件后加载 php 文件。

假设我正在尝试加载 alpha.php、beta.php、gamma.php ... delta.php

$("span.dessert-make").click(function(){    

        /* Load Initial Data */
        $(".ajax-load-hotels").load("./php/alpha.php");
                $.get("./php/beta.php", function(data){
                $(".ajax-load-hotels").append(data);
                 });
                $.get("./php/gamma.php", function(data){
                    $('.ajax-load-hotels').append(data);
                });
                $.get("./php/delta.php", function(data){
                    $('.ajax-load-hotels').append(data);
                }); 
        });

但是这个调用不能正常工作。我的意思是，在 click 事件 的每个实例中，我都会得到不同的结果。有时只显示 alpha.php 和 beta.php 有时每个 php 文件重复出现。每次都是随机的。有人可以告诉我问题是什么吗？

还有如何在用户向下滚动到页面底部时加载 php 文件。如何为此实现 scrollTo() 方法。一旦窗口调整大小，x 和 y pos 就会变得不同。

对不起。我可能忽略了这一点。我更正了它。

Answer 1

假设您正在尝试按顺序(同步)加载这些，我可能会采用这样的方式:

function load_pages(index, pages) {
  $.get("./php/" + pages[index] + ".php", function(data) {
    $(".ajax-load-hotels").append(data);
    if (index + 1 < pages.length) {
        load_pages(index + 1, pages);
    }
  })
}

$("span.dessert-make").click(function(){  
  load_pages(0, ["alpha", "gamma", "delta"]);
});