Я разработал код для отображения всех продуктов, когда пользователь переходит на страницу. Проверьте изображение ниже.
Моя проблема заключается в том, что всякий раз, когда пользователь нажимает флажок «Категория 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&width=620&height=350' rel="prettyPhoto[iframe]"> <img src="img path" align="absmiddle" /></a></div>
<div><a href='#'>Product 01</a></div></li>
Дайте мне знать, что мы можем сделать, чтобы Lightbox работал, когда данные извлекаются из элемента управления AJAX.
