Pretty Lightbox从Ajax获取数据后无法正常工作

Question

我开发了一个代码，用于在用户登陆页面时显示所有产品。请查看下面的图片

我的问题是，每当用户点击类别01或任何其他类别复选框时，右侧产品盒上使用的灯箱将被禁用..请注意，点击复选框后，使用AJAX功能获取数据。

以下是我的AJAX代码：

var xmlhttp=makeRequestObject();
ControlsArray=document.getElementsByTagName('input');


var products = "";
var productsAll = "";
var prodAll = true;

for(var i=0; i< ControlsArray.length; i++){


    if(ControlsArray[i].type=="checkbox" && ControlsArray[i].checked){
        if(ControlsArray[i].value == "All")
        {
            productsAll=ControlsArray[i].value + ",";

        }
        else
        {
            products+=ControlsArray[i].value + ",";
            prodAll = false;

        }
    }


}
if(prodAll == true)
{
    products = productsAll;
}

xmlhttp.open('GET', 'ajax-page.php?ID=1&SId='+products, true);
xmlhttp.onreadystatechange=function() {
    if (xmlhttp.readyState==4 && xmlhttp.status == 200) {
        var content = xmlhttp.responseText;
        if(content){
            document.getElementById('Hint').innerHTML = content;
            }
        }
    }
    xmlhttp.send(null)
}

我的AJAX页面代码：（ajax-page.php）

<li>
        <div><a href='proDetails.php?proId=1&iframe=true&amp;width=620&amp;height=350' rel="prettyPhoto[iframe]"> <img src="img path" align="absmiddle" /></a></div>
       <div><a href='#'>Product 01</a></div></li>

让我知道在从AJAX Control获取数据时，我们可以做些什么来使Lightbox工作

Answer 1

谢谢Frndz ..

我通过传递lightbox jquery并使用ajax成功解决了这个问题。