2012-07-11 16 views
8

का उपयोग कर "अनवरियल" मोडल मैं साइट पर ज़र्ब फाउंडेशन का उपयोग कर रहा हूं, और मैं प्रकट जेएस प्लगइन के साथ काम करने वाली एक मोडल विंडो प्राप्त करने की कोशिश कर रहा था। मैं देखता हूं कि आप reveal() पर पैरामीटर के लिए dismissModalClass विकल्प जोड़ सकते हैं जो एक ईवेंट हैंडलर को बटन पर संलग्न करेगा, जो क्लिक पर मोडल बंद कर देगा।ज़र्ब फाउंडेशन

क्या प्रकट करने के साथ मोडल विंडो मैन्युअल रूप से बंद करने का कोई तरीका है? मैं विभिन्न कस्टम घटनाओं के लिए एक करीबी विधि संलग्न करने में सक्षम होना चाहूंगा।

उत्तर

22

आप बस क्लिक गतिशील एक अन्य घटना में इस

$('.close-reveal-modal','#myModal').click() 

अद्यतन

प्लगइन के स्रोत कोड के माध्यम से देखने के बाद की तरह कुछ करने से चालू कर सकते, ऐसा लगता है कि वे एक बाँध reveal:close नामक मोडल तत्व को घटना। तो अगर आप भी इस

$('.otherClose').click(function(){ 
    $('#myModal').trigger('reveal:close') 
})​ 

Here is a fiddle

+0

धन्यवाद। मैं एक और अधिक सुरुचिपूर्ण समाधान की उम्मीद कर रहा था, लेकिन अगर प्रकटीकरण प्लगइन में इसका निर्माण नहीं हुआ है, तो इसमें यह नहीं बनाया गया है। मैं जवाब की सराहना करता हूं! – Andrew

+0

मुझे लगता है कि एक और अधिक सुरुचिपूर्ण समाधान के साथ जवाब अद्यतन :) –

+0

यह सही है। यदि मैं कर सकता तो मैं आपके उत्तर को दोबारा स्वीकार कर दूंगा! – Andrew

0

आप अपने jQuery प्लगइन jquery.foundation.reveal.js

$('#mymModal').reveal({ 
     dismissmodalclass: 'close-reveal-modal' //class name of button to close open dialog 
     } 
    }); 
10

आप निम्न का उपयोग कर सकते इस्तेमाल कर सकते हैं जैसे कुछ कर सकते हैं:

$('#myModal').foundation('reveal', 'close'); 
+0

यह फाउंडेशन 4 में सच है, नहीं 3। – spsaucier

संबंधित मुद्दे