从 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 控件获取数据时，我们可以做些什么来让 Lightbox 工作

Answer 1

谢谢Frndz..

我已经通过将灯箱 jquery 与 ajax 成功传递来解决..