基金会5从附加链接中显示

Question

我有一些麻烦让Reveal从动态链接中正常工作。

如果链接加载了页面，这可以正常工作。如果稍后附加链接，则无法使用：

<div id="deleteConfirm" class="reveal-modal" data-reveal>
    Delete Confirm Modal
</div>
<a data-modal="deleteConfirm">Test</a>

JS：

$('body').on('click','a[data-modal]',function(){
    $(document).foundation();
    $('#deleteConfirm').foundation('reveal', 'open');
});

Answer 1

您需要使用回流焊。我假设您使用ajax加载一些html，其中包含一个揭密链接

如果你有 div＃ajax-content ，你可以使用以下javascript

$(document).on('replace', '#ajax-content', function (e, new_path, original_path) {
  $(document).foundation('reveal', 'reflow');
});