1

クリックイベントが発生した後にphpファイルをロードしようとしているdiv呼び出しがあります。load-ajax-hotels

しようとしていると言う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.phpPHPファイルの重複が発生するたびに、表示されることがあります。毎回ランダムです。問題が何であるかを教えてもらえますか？

また、ユーザーがページの一番下までスクロールしたときにphpファイルをロードするにはどうすればよいですか。このためのメソッドを実装するscrollTo()方法。ウィンドウのサイズが変更されると、x と y の位置が異なります。

ごめん。私が見落としていたかもしれないこと。修正しました。

4

2 に答える 2

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'
});
于 2013-10-17T07:26:11.223 に答える