Question

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

说我正在尝试load 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 event的每个实例中我得到不同的结果。有些时候只有alpha.php and beta.php显示每次重复出现的php文件。它每次随机。有人可以告诉我问题是什么吗？

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

对不起。我可能忽略了。我纠正了它。

Answer 1

你错过了})

  $.get("./php/2.php", function(data){
        $(".ajax-load-hotels").append(data); // here is missed });

  $.get("./php/3.php", function(data){
         $('.ajax-load-hotels').append(data);
  });

正确：

$.get("./php/2.php", function(data){
     $(".ajax-load-hotels").append(data);
});

$.get("./php/3.php", function(data){
     $('.ajax-load-hotels').append(data);
});

编辑1：

而且，$.get 异步。

使它同步（我只提供了一个例子）：

$.ajax({
  url: urltophp,
  async: false,
  success: function(data) { $(".ajax-load-hotels").append(data) },
  dataType: 'html'
});

Answer 2

假设您正在尝试按顺序（同步）加载这些内容，我可能会选择这样的内容：

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"]);
});

Jquery get（）方法随机工作

2 个答案: