javascript - 带有 JSON 的模态

Question

我在通过调用 JSON 文件创建模式时遇到问题。我的“点击”事件不适用于创作系统，而如果我在 HTML 文件中对链接和模式进行编码，则它可以工作。

projectUi(items){
    let result = ' ';
    items.map(item=>{
        result +=`
            <div class="details-project">
               <a class="js-modal" href="#${item.modal}"></a>
            </div>


        <aside style="display: none;" id="${item.modal}" class="modal" aria-hidden="true" role="dialog" aria-labelledby="titleModal">
            <div class="modal-wrapper js-modal-stop">
                <button class="js-modal-close">Fermer</button>
                <h1 id="titleModal">Titre ${item.modal}</h2>
            </div>
        </aside>
        `
    });
    const allPortfolio = document.querySelector('.all-portfolio');
    allPortfolio.innerHTML = result;
}

Answer 1

在浏览器中打开网页，然后按 F12，然后导航到控制台选项卡。在那里您可以看到网页中发生的所有错误。希望您解决该错误:)。确保覆盖 display:none 属性。如果您未能成功解决该问题，请向我们显示错误消息。