/ / फाउंडेशन 4 में एक मॉडल का खुलासा - ज़र्ब-फाउंडेशन

फाउंडेशन 4 में एक मॉडल का खुलासा - ज़र्ब-फाउंडेशन

आप फाउंडेशन 4 में प्रोग्रामेटिक रूप से एक मॉडल का खुलासा कैसे करते हैं?

फाउंडेशन 3 में हमारे पास प्रकट () विधि का उपयोग करना आसान था।

फाउंडेशन 4 में आप क्या उपयोग कर सकते हैं? कृपया मदद करे।

उत्तर:

उत्तर № 1 के लिए 4

मुझे पूरा यकीन है कि आप बस अपने मोडल पर "ओपन" कॉल करने के लिए। माउंडेशन विधि का उपयोग कर सकते हैं .. कुछ ऐसा:

$("#myModal").foundation("reveal", "open");

ई: बस दस्तावेज़ों और हाँ की जांच की, यह वहीं है: http://foundation.zurb.com/docs/components/reveal.html

"आप जावास्क्रिप्ट के माध्यम से खुलासा खोल सकते हैं और बंद कर सकते हैं:"


जवाब के लिए 2 № 2

दुर्भाग्यवश, फाउंडेशन 4 में आपके पास यह होना चाहिएएक मोडल खोलने के लिए लिंक ट्रिगर करें = दुर्भाग्य से ऐसा नहीं है क्योंकि आपको बहुत अधिक कोड लिखना होगा (यह सच नहीं है), लेकिन क्योंकि यह कार्यान्वयन नहीं है, चलो, सुंदर कहें।

मोडल के लिए मेरा कोड:

<!-- MODAL BOX START CONFIGURATION -->
<a class="reveal-link" data-reveal-id="modal"></a>
<div id="modal" class="reveal-modal medium">
<div id="modalContent"></div>
<a class="close-reveal-modal">&#215;</a>
</div>

जेएस फ़ंक्शन को खोलने और कुछ सामग्री को मोडल में डालने के लिए

function openModal(url,params,text){

// If @url is not empty then we change the #modalContent value with the @url value
if(url !== "")
{
ajaxLoad("#modalContent",url,params);
}
// If @text is not empty then we change the #modalContent value with the @text value
else if(text !== "")
{
$("#modalContent").html(text);
}

// If both @url and @text are empty, then the #modalContent remains unchanged.
// Now we just show de modal with the changed (or not) content
$("a.reveal-link").trigger("click"); }

आशा करता हूँ की ये काम करेगा!


जवाब के लिए 0 № 3

प्रोग्रामेटिक (जावास्क्रिप्ट) के लिए उपयोग करें डॉक्स प्रतीत होता है कि क्लिक ईवेंट के माध्यम से लॉन्चिंग का सुझाव है।

अपना मॉडल जोड़ें

<div id="myModal" class="reveal-modal">
<h2>Awesome. I have it.</h2>
<p class="lead">Your couch.  It is mine.</p>
<p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
<a class="close-reveal-modal">&#215;</a>
</div>

ट्रिगर सेट करें:

<a href="#" data-reveal-id="myModal" id="my-trigger">Click Me For A Modal</a>

प्रोग्रामेटिक रूप से ट्रिगर सक्रिय करें:

$("#my-trigger").trigger("click");

माना जाता है कि यह एक काम के आसपास की तरह प्रतीत होता है, शायद यह उनके "हल्के / मोबाइल-पहले" फोकस के कारण है। चलिए देखते हैं कि अगली रिलीज क्या लाती है।


जवाब के लिए 0 № 4
$("#myModal").foundation("reveal", "open");