Zurb Foundation公開モーダル

私はZurb Foundation 6フレームワークを使用しています。私は公開モーダルを使用したいと思います。何らかの理由で、モーダルを開くためにボタンをクリックしても応答がありません。Zurb Foundation公開モーダル

My JsFiddle

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

出典

2017-09-13 Rgfvfk Iff

あなたの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>

Correct reveal modal syntax

異なる構文を持っています

出典

2017-09-16 13:36:46 ShilpeshAgre

Zurb Foundation公開モーダル

答えて

関連する問題