javascript - jQuery Mobile: Binding if statement with tap -
सबसे पहले
तीन div है, HTML code:
< कोड> & lt; div class = "container" डेटा-रोल = "पृष्ठ" id = "कंटेनर" & gt; & Lt; div वर्ग = "पॉपअप" & gt; & Lt; div वर्ग = "बंद" & gt; & Lt; / div & gt; & lt;! - /.close - & gt; & Lt; / div & gt; & lt;! - /.popup - & gt; & Lt; / div & gt; & lt;! - /.container - & gt;
। कंटेनर - एक बड़ी पृष्ठभूमि है, इसमें पृष्ठ है।
। Popop - कंटेनर के अंदर एक डिवेल है।
। बंद - एक छोटा सा सफेद डिवा होता है जिसमें ".popup" div
यह वही है जो मैं चाहता हूं - जब पृष्ठ पर पूरे डिवी पर कहीं भी टेप किया जाता है। पॉपअप पर छोड़कर, पॉपअप को छोड़कर, कंटेनर को छिपाना पड़ता है, जब इसे पॉपअप पर टैप किया जाता है, तो इसे वैसे ही रहना चाहिए जैसा वह है।
अभी एक शर्त पूरी हो गई है, यदि कहीं भी टेप होता है तो पूरे डिव होता है। कंटेनर गायब हो जाता है, अब 1. मैं कैसे डिव को रोक सकता हूं। कंपाउंडर कब गायब हो रहा है जब। पोप डिव टैप किया जाता है।
jQuery कोड:
$ (दस्तावेज़) .on ("pagecreate", "# container", फ़ंक्शन () {$ ("। कंटेनर")। पर ( "टैप करें", फ़ंक्शन () {$ ("। कंटेनर")। Hide ();});});
आप लौटे हुए नल ईवेंट को देख सकते हैं
jQuery कोड:
पर ("टैप", फ़ंक्शन (tapEvent) {if ("pagecreate", "# container", फ़ंक्शन () {$ ("। कंटेनर") पर। (! $ (TapEvent.target) .hasClass ("पॉपअप")) {$ ("। कंटेनर")। Hide ();}});});
Comments
Post a Comment