Как выбрать кнопку во всплывающем окне, которое создается после начальной загрузки страницы? - PullRequest
Новая
       19

Как выбрать кнопку во всплывающем окне, которое создается после начальной загрузки страницы?

0 голосов
/ 16 мая 2019

Я пытаюсь создать страницу с информацией о товарах, где пользователь может нажать кнопку «Подробнее» и просмотреть дополнительную информацию о товаре.Я использую «активный» класс, чтобы показать и скрыть эту информацию, а HTML для продуктов производится через цикл for.Я могу заставить всплывающее окно отображать правильную информацию (хотя не с помощью кнопки, а нажатие на div делает эту работу), но не могу понять, как выбрать кнопку закрытия, чтобы я мог удалить 'активный класс и окно исчезнет.Очень плохо знаком с javascript и jquery, поэтому любая помощь приветствуется. 

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

        var prodDiv = document.createElement("div");
        var popDiv = document.createElement("div");

        //Add item info to HTML element
        prodDiv.innerHTML = blob;

        popDiv.innerHTML = popUpWindow;

        //Add class attributes
        prodDiv.setAttribute("class", "col-sm-4 col-lg-2 prodContent");
        popDiv.setAttribute("class", "popup-overlay");

        //Add new element to div
        var currentDiv = document.getElementById("allDiv");
        currentDiv.appendChild(prodDiv);
        prodDiv.appendChild(popDiv);
};

//appends an "active" class to .popup and .popup-content when the "Open" button is clicked
$("#allDiv").on("click", "div", function(e){
    $(this).children("div").addClass("active");
    $(this).children("div").children().addClass("active");

});

//removes the "active" class to .popup and .popup-content when the "Close" button is clicked 

$(".close").on("click", function(){
  // $(".popup-overlay, .popup-content").removeClass("active");
});
...