小编fre*_*ife的帖子

Foudation Zurb动态显示模式框

我在列表中有几个项目,每个项目都有一个删除链接,我想要一个显示模式框,当他们按下删除按钮,里面有一个YES和取消链接.

如果用户按下YES按钮,则显示模式应重定向到如下所示:

www.url.com/delete/item_id

我如何将item_id传递给Reveal模式框?

基金会揭示模式框:http://foundation.zurb.com/docs/reveal.php

模态框(item_id应传递给模态框):

<div id="myModal" class="reveal-modal [expand, xlarge, large, medium, small]">
  <h2>Are you sure you want to delete this item?</h2>
  <a href="/delete/item_id">Yes</a>
  <a class="close-reveal-modal">Cancel</a>
</div>
Run Code Online (Sandbox Code Playgroud)

呼唤揭示:

<script type="text/javascript">
  $(document).ready(function() {
    $("#deleteItem").click(function() {
      $("#myModal").reveal();
    });
  });
</script>
Run Code Online (Sandbox Code Playgroud)

HTML(item_id应传递给模态):

<a href="item_id" class="button" data-reveal-id="myModal" id="deleteItem">Delete Item</a>
Run Code Online (Sandbox Code Playgroud)

jquery html5 zurb-foundation

5
推荐指数
1
解决办法
4237
查看次数

标签 统计

html5 ×1

jquery ×1

zurb-foundation ×1