Question

我正在使用Zurb Foundation 6框架，我想使用揭示模式。由于某些原因，单击按钮打开模态时没有响应。

My JsFiddle

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

Answer 1

您的jquery脚本网址错误，显示中的关闭按钮也有不同的语法

＆＃13;

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

＆＃13;

Correct reveal modal syntax

Zurb基金会揭示莫代尔

1 个答案: