javascript - Zurb Foundation 5 数据显示在 TAG 部分

Question

我正在尝试在 Zurb Foundation 5 中的 SECTION HTML 标记上获取工作模式窗口，我在没有窗口的情况下使页面变暗，仅传递数据属性不起作用。这个模态窗口完美地用作 href="#" 标签。

是否可以在普通标签中使用它？

部分标记代码：

<section class="box" onclick="window.location.href='#'" data-reveal-id="myModal-1">

盒子：

<div id="myModal-1" class="reveal-modal medium">
  <h1>Header</h1>
  <p>Lorem ipsum</p>
  <a class="close-reveal-modal">&#215;</a>
</div>

Answer 1

通过设置它可以正常工作，您在模态对话框 div中缺少该data-reveal属性。

对我来说，也可以毫无问题地使用部分元素。

代码：

<div id="myModal-1" class="reveal-modal medium" data-reveal>
  <h1>Header</h1>
  <p>Lorem ipsum</p>
  <a class="close-reveal-modal">&#215;</a>
</div>

演示：http: //jsfiddle.net/IrvinDominin/9DAPc/