jquery - AJAX を使用してコンテンツをロードすると JQuery が機能しない

Question

AJAX を使用してページを読み込むと問題が発生します。jquery を使用して pinterest 型の配置を作成しました。

しかし、Ajax を使用してロードすると機能しません。

私はそれを検索し、bind() 関数を見つけました。しかし、JQuery の .css でそれを使用する方法。検索後に見つかった結果は満足のいくものではありませんでした。

Answer 1

次のように関数を変更してください

   function indmoreclik(a,b)
   {
   if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
    }
  else
  {// code for IE6, IE5
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
 xmlhttp.onreadystatechange=function()
 {
 if (xmlhttp.readyState==4 && xmlhttp.status==200)
 {
  document.getElementById("more").innerHTML=xmlhttp.responseText;

    var t1=0;
    var t2=0;
    var t3=0;

  for(j=1;j<=20;j++)
 {
  $('.div1:nth-child('+j+')').css({ top:''+t1+'px',left:'250px'});
  height=$('.div1:nth-child('+j+')').outerHeight(true);
  t1=t1+height;
  $('.div2:nth-child('+j+')').css({ top:''+t2+'px',left:'520px'});
  height=$('.div2:nth-child('+j+')').outerHeight(true);
  t2=t2+height;
 $('.div3:nth-child('+j+')').css({ top:''+t3+'px',left:'790px'});
 height=$('.div3:nth-child('+j+')').outerHeight(true);
 t3=t3+height;

  }
 }
    xmlhttp.open("GET","tap2.php?tun="+a+"&inc="+b,true);
     xmlhttp.send();

}