Zurb - Stiftung zeigt Modal - Zurb - Fundament

Ich verwende Zurb Foundation 6 Framework und möchte das Reveal Modal verwenden. Aus irgendeinem Grund gibt es keine Antwort, wenn Sie auf die Schaltfläche klicken, um das Modal zu öffnen.

My JsFiddle

https://jsfiddle.net/zzf2suto/1/

Antworten:

0 für die Antwort № 1

Ihre jquery-Skript-URL ist falsch, auch die Schaltfläche zum Schließen in der Liste hat eine andere Syntax

<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/css/foundation.min.css">
</head>
<body>

<a href="#" data-open="myModal">Click Me For A Modal</a>

<div id="myModal" class="reveal" data-reveal>
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch.  It is mine.</p>
<p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
<button class="close-button" data-close aria-label="Close modal" type="button">
<span aria-hidden="true">&times;</span>
</button>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/foundation.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/6.4.3/js/vendor/what-input.min.js"></script>
<script>$(document).foundation();</script>
</body>
</html>

Korrigieren Sie die modale Syntax für die Ausgabe