ज़र्ब फाउंडेशन मोडल - ज़र्ब-फाउंडेशन प्रकट करता है

मैं ज़र्ब फाउंडेशन 6 ढांचे का उपयोग कर रहा हूं और मैं प्रकट मोडल का उपयोग करना चाहता हूं। कुछ कारणों से मोडल खोलने के लिए बटन पर क्लिक करते समय कोई प्रतिक्रिया नहीं होती है।

My JsFiddle

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

उत्तर:

जवाब के लिए 0 № 1

आपकी jquery स्क्रिप्ट url गलत है, प्रकट में बंद बटन भी अलग वाक्यविन्यास है

<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>

सही मोडल वाक्यविन्यास प्रकट करें


संबंधित सवाल
सबसे लोकप्रिय