Foudation Zurb dynamic Reveal modal box

Question

Tôi có một vài mục trong một danh sách, mỗi mục có một liên kết xóa, tôi muốn một hộp modal tiết lộ hiển thị khi họ nhấn nút xóa có liên kết CÓ và Hủy bên trong.

Nếu người dùng nhấn vào nút YES tiết lộ phương thức nên chuyển hướng đến một cái gì đó như thế này:

www.url.com/delete/item_id

làm thế nào tôi có thể vượt qua các item_id đến Reveal hộp modal?

Quỹ tiết lộ hộp modal: http://foundation.zurb.com/docs/reveal.php

Modal Box (item_id phải được chuyển vào hộp modal):

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

Calling Reveal:

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

HTML (item_id phải được chuyển vào phương thức):

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

Answer 1

Thiết lập giá trị sử dụng jQuery trước .reveal(); được gọi

CẬP NHẬT: Xem 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(); 
    }); 
});