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