/ / ज़र्ब फाउंडेशन 5 मॉडल काम नहीं कर रहा है - ज़र्ब-फाउंडेशन

ज़र्ब फाउंडेशन 5 मॉडल काम नहीं कर रहा है - ज़र्ब-फाउंडेशन

मैं zurb नींव 5 उपयोग मोडल का उपयोग करने की कोशिश कर रहा हूँ। लेकिन जब मैं बटन पर क्लिक करता हूं तो यह काम नहीं कर रहा है और खुला नहीं है। मैं इस एचटीएमएल कोड का उपयोग कर रहा हूँ।

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link type="text/css" rel="stylesheet" href="css/foundation.css" />
<link type="text/css" rel="stylesheet" href="css/normalize.css" />
<title>index</title>
</head>
<body>
<div id="myModal" class="reveal-modal" 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>
<a class="close-reveal-modal">&#215;</a> </div>
<a class="button" href="#" data-reveal-id="myModal">Click for a modal</a>

<script src="js/vendor/jquery.js"></script>
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.reveal.js"></script>
<script type="text/javascript">
$("#myModal").foundation();
</script>
</body>
</html>

उत्तर:

उत्तर № 1 के लिए 11

इस पर अंतिम स्क्रिप्ट टैग बदलें:

<script type="text/javascript">
$(document).foundation();
</script>

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

आप मोडल ट्रिगर भी जोड़ना भूल गए:

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

यहां दस्तावेज़ देखें: http://foundation.zurb.com/docs/components/reveal.html


उत्तर № 3 के लिए -1

यह मेरे लिए काम करता है

<a href="#" data-reveal-id="myModal" id="dd">Click Me For A Modal</a>
<div id="myModal" class="reveal-modal"  data-options="close_on_background_click:false" data-reveal>
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch.  It is mine.</p>
<p>I"m a cool paragraph that lives inside of an even cooler modal. Wins!</p>
<a class="close-reveal-modal">&#215;</a>
</div>

पाद लेख में मैंने इस स्निपेट का इस्तेमाल किया

<script>
jQuery(document).ready(function(){
jQuery(document).foundation();
jQuery("#dd").click(function(){
jQuery("#myModal").foundation("reveal", "open");
});


});

</script>