Zurb基礎揭示模態

我使用Zurb基礎6框架，我想使用揭示模態。出於某種原因，點擊按鈕打開模式時沒有響應。Zurb基礎揭示模態

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基礎揭示模態

回答

相關問題