Foudation Zurb動態顯示模態框

Question

我在列表中有幾個項目，每個項目都有一個刪除鏈接，我想要一個顯示模式框，當他們按下帶有YES和Cancel鏈接的刪除按鈕時顯示。

如果用戶按下YES按鈕的顯示模式應該重定向到這樣的：

www.url.com/delete/item_id

我怎麼能傳遞ITEM_ID到顯示模式對話框？

基金會透露模態對話框：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> 

主叫顯示：

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

HTML（ITEM_ID應該傳遞給模態）：

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

Answer 1

設置使用jQuery價值.reveal();被稱爲

之前

更新： 見的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(); 
    }); 
});