Foundation-sites: كشف متداخل مع data-multi-open = "true" به فهرس z خاطئ

لدي نفس المشكلة. الحل الذي وجدته.
تحتاج إلى وضع نموذج ثانٍ داخل العينة النموذجية الأولى:

<p><a data-open="exampleModal2">Click me for a modal</a></p>

<!-- This is the first modal -->
<div class="reveal" id="exampleModal2" data-reveal>
<h1>Awesome!</h1>
<p class="lead">I have another modal inside of me!</p>
<a class="button" data-open="exampleModal3">Click me for another modal!</a>
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">&times;</span>
</button>
<div class="reveal" id="exampleModal3" data-reveal data-multiple-opened="true">
<h2>ANOTHER MODAL!!!</h2>
<button class="close-button" data-close aria-label="Close reveal" type="button">
<span aria-hidden="true">&times;</span>
</button>
</div>
</div>
"
https://jsfiddle.net/noxquws1/22/

لا يعمل حل nbeltran @ على الوسائط المحملة بأجاكس :(

الحل الذي وجدته لمنع هذا على محتوى ajax الذي تم تحميله هو فتح الوسائط باستخدام:

الوظيفة openMyModal () {
var modal = new Foundation.Reveal ($ ('#myModal')) ؛
modal.open () ؛
}

الوظيفة openMyOtherModal () {
var modal = new Foundation.Reveal ($ ('#myOtherModal')) ؛
modal.open () ؛
}

هذا يعمل بالنسبة لي ويمنع فتح الوسائط على الظهر ، آمل أن يساعد هذا

يبدو هذا وكأنه حالة حافة والمثال أعلاه يجب أن يصلحها في هذه الحالات. شكرا @ adnhack!