jquery – Foudation Zurb动态显示模式框

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

<script type="text/javascript">
  $(document).ready(function() {
    $("#deleteItem").click(function() {
      $("#mymodal").reveal();
    });
  });
</script>

<a href="item_id" class="button" data-reveal-id="mymodal" id="deleteItem">delete Item</a>

在.reveal()之前使用jQuery设置值;叫做

更新：
见jsfiddle：http://jsfiddle.net/jgprU/

HTML：

<ul id="deleteItem">
    <li><a href="10">Click Me</a></li>
    <li><a href="20">Click Me</a></li>
    <li><a href="30">Click Me</a></li>
</ul>

<div id="mymodal" class="reveal-modal">
  <h2>Are you sure you want to delete <span id="targetName">error</span>?</h2>
  <a id="confirmdelete" href="setMe">Yes</a>
  <a class="close-reveal-modal">Cancel</a>
</div>

使用Javascript：

$(document).ready(function() {
  $("#deleteItem a").click(function(E) {
    e.preventDefault();
    var target = $(this).attr('href');
    $("#confirmdelete").attr('href','/delete/' + target)
    $("#targetName").text(target);
    $("#mymodal").reveal();
  });
});

@H_874_2@ @H_874_2@