फाउडेशन ज़र्ब गतिशील प्रकट मॉडल बॉक्स

Question

मेरे पास एक सूची में कुछ आइटम हैं, प्रत्येक आइटम में एक डिलीट लिंक है, मैं एक खुला मोडल बॉक्स चाहता हूं जब वे एक 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> 

एचटीएमएल (ITEM_ID को पारित किया जाना चाहिए मोडल):

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

Answer 1

jQuery का उपयोग कर मान सेट से पहले .reveal();

UPDATED

कहा जाता है: देखें jsFiddle: http://jsfiddle.net/jgprU/

एचटीएमएल:

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

जावास्क्रिप्ट:

$(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(); 
    }); 
});