Question

我正在使用$ .load（）函数来加载html内容。在它内部，我列出了带有按钮的卡片，点击它应该打开一个基础模态：

<button class="button button--modal-info button--modal-info--white user-area-card-modal-info" data-open="<?php echo 'user-area-card-' . $post_id . '-modal'; ?>" aria-controls="<?php echo 'user-area-card-' . $post_id . '-modal'; ?>" aria-haspopup="true" tabindex="0">
        <i class="icon-info"></i>
</button>

<div class="modal modal--info tiny reveal" id="legend-modal" data-reveal>

<button class="close-button modal__close-btn" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
</button>

<div class="modal__content">

    <p><?php echo get_field( '_m_legend_modal_description' ); ?></p>

</div>

现在我解决了（以某种方式）我的问题：

$('body').on('click', '.user-area-card-modal-info', function() {
    const open_id = $(this).data('open');
    new Foundation.Reveal($('#' + open_id)).open();
});

但通常如果我打开并关闭模态，后者关闭，但叠加仍然

我该如何解决？

Answer 1

我这样解决了：

我在dinamically中生成的内容中包含了模态
使用属性/隐藏字段获取文本并将其置于模态

如何打开动态加载的Foundation模态

1 个答案: