时间戳

首页 > 解决方案 > 带 JSON 的模态

javascript - 带 JSON 的模态

问题描述

我在通过调用 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;
}

标签： javascriptjson

解决方案

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

推荐阅读