javascript - javascript ajax 调用后调用 jquery

Question

我有这个 javascript 代码，它返回一个 ajax 请求

function showUser(str)
{
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("lister").innerHTML=xmlhttp.responseText;
    }
  }
xmlhttp.open("GET","popup.php?qq="+str,true);
xmlhttp.send();
}

我试图执行一个无法完成的jquery，除非ajax请求返回，但它不起作用

$('#scrollbar2').tinyscrollbar();

那么我应该如何在ajax加载后执行最后一个jquery？

Answer 1

设置lister的innerHTML后将其放入回调中:

document.getElementById("lister").innerHTML = xmlhttp.responseText;
$('#scrollbar2').tinyscrollbar();

但是既然你有 jQuery，为什么不使用它的 Ajax 功能呢？

$.ajax({
    url: "popup.php",
    data: { qq: str },
    dataType: "text",
    success: function(response) {
        $('#lister').html(response);
        $('#scrollbar2').tinyscrollbar();
    }
});