zurb-foundation - Foundation 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');
});