Foudation Zurb dinamico Reveal modal box

Question

Ho alcuni elementi in un elenco, ogni elemento ha un collegamento di eliminazione, voglio una casella modale di visualizzazione mostrata quando si preme il pulsante di eliminazione con un collegamento SÌ e Annulla all'interno.

Se l'utente preme il tasto YES modale rivelare dovrebbe reindirizzare a qualcosa di simile:

www.url.com/delete/item_id~~V~~3rd

come potrei passare l'item_id alla casella Reveal modale?

Foundation rivelano dialogo modale: http://foundation.zurb.com/docs/reveal.php

Modal Box (item_id dovrebbe essere passato di dialogo per modale):

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

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

HTML (item_id dovrebbe essere passato a modale):

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

Answer 1

impostare il valore utilizzando jQuery prima della .reveal(); si chiama

AGGIORNAMENTO: See 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(); 
    }); 
});