jquery - 当我使用 AJAX 加载内容时，JQuery 不起作用

Question

使用 AJAX 加载页面时出现问题。我使用 jquery 创建了 pinterest 类型排列。

但是当我使用 Ajax 加载它时它不起作用。

我已经搜索过它并找到了bind（）函数。但是如何在JQuery.Results中将它与.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();

}