从 Ajax 获取数据后 Pretty Lightbox 不工作

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..

我已通过灯箱 jquery 解决，ajax 成功..

从 Ajax 获取数据后 Pretty Lightbox 不工作

Pretty Lightbox Not working after fetching data from Ajax

php

ajax

lightbox