我已经为我的城市选项卡创建了ajax代码,以显示来自ajax的相应城市数据。
我使用了以下代码:
function showBrandData(str)
document.getElementById("dvloader").style.display = 'block';
jQuery('#txtDisplayBrands').slideDown("slow");
if (str=="")
{
document.getElementById("txtDisplayBrands").innerHTML="";
return;
}
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("dvloader").style.display = 'none';
document.getElementById("txtDisplayBrands").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","http://localhost/demostore/getBrandData.php?q="+str+"&page=1",true);
xmlhttp.send();
}
下面是我要在ajax内容上加载的div
<!-- div to display brands products -->
<div id="txtDisplayBrands"></div>
现在我已经使用以下jquery插件对我的项目进行分页http://cssglobe.com/post/9801/easy-paginate-jQuery-plugin-for-pagination
但是当我在ajax响应中使用它时,分页不起作用。
你能帮我一下我做错的地方吗。
感谢(&D)
该站点的默认代码:
<script type="text/javascript">
jQuery(function($){
$('ul#items').easyPaginate();
});
</script>
在页面加载时调用。之后将执行ajax调用,因此需要对ajax调用中加载的元素调用分页代码。
考虑将其添加到if语句中if(XMLHTTP.READYSTATE==4&&XMLHTTP.STATUS==200)