jquery show/hide div -


मेरे पास अगले jquery कोड है:

  & lt; script & gt; $ (डॉक्यूमेंट) .ready (फ़ंक्शन () {// स्लोपबॉक्स को छुपाता है जैसे ही डीओएम तैयार है // (पृष्ठ लोड की तुलना में थोड़ी देर पहले) $ ('# छिपा हुआ')। Hide ();}); // & lt;! [सीडीएटीए [फंक्शन शोहाइड () ($ ('# छिपा हुआ')। फ़ेड इन (); $ ("# शॉपिंग-कार्ट")। चेतन ({"ऊंचाई": "टॉगल"}, {अवधि: 550}); } //]] & gt; & Lt; / स्क्रिप्ट & gt;  

मैं उस पर एक अंधेरे पृष्ठभूमि पाने के लिए छिपा हुआ div # (प्रकार की लाइटबॉक्स पृष्ठभूमि) का उपयोग करता हूं और मैं # शॉपिंग-कार्ट div को टेबल, इनपुट आदि जैसे कुछ तत्वों सहित दिखा रहा हूँ एक ए कर्ट-बटम पर एक क्लिक करने के बाद

  & lt; a href = "#" शीर्षक = "" onClick = "दिखावा करें (); वापसी वापस;" वर्ग = "गाड़ी-स्थित बटन" & gt; कार्ट & lt; / a & gt;  

उपयोगकर्ता को ए बटन पर एक क्लिक करें, कार्ट को दिखाने के लिए, div # hidden दिखाया गया है मैं जानना चाहूंगा कि अगर उपयोगकर्ता # div-shopping cart के बाहर क्लिक करता है या फिर एक लिंक में फिर से div # छिपे हुए फ़ेडऑट है।

अब एक लिंक पर एक क्लिक करने के बाद # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # # सबसे पहले, हम उस क्लिक हैंडलर को इनलाइन होने से निकाल देते हैं, तो आपका लिंक यह हो जाता है:

  & lt; a href = "#" class = "गाड़ी" itemprop = "text"> 

-buttom "& gt; कार्ट & lt; / a & gt;

तब आपका jQuery इस तरह दिखता है:

  $ (फ़ंक्शन () {$ ('# छिपा हुआ')। Hide ()। क्लिक करें (फ़ंक्शन ( ए) {ईस्टॉपप्रोगैशन ();}); $ ("ए कर्ट-बटम")। क्लिक करें (फ़ंक्शन (ई) {$ ('# छिपा हुआ')। एमीमेट ({अस्पष्टता: "टॉगल"}); $ ("# शॉपिंग कार्ट")। ({"ऊँचाई": "टॉगल"}, {अवधि: 550}); ई .स्टॉप प्रॉपगेेशन ();}); $ (दस्तावेज़)। क्लिक करें (फ़ंक्शन () {$ ( '#hidden')। FadeOut ();});});  

हम यहां क्या कर रहे हैं, इसका फायदा उठा रहे हैं कि अगर कोई क्लिक & lt; a & gt; या #hidden , इवेंट कहीं भी नहीं जाता (यह आमतौर पर के रूप में दस्तावेज़ पर बुलबुला नहीं करता है) यदि क्लिक कहीं से अन्य को दस्तावेज़ पर जाता है तो यह तत्व पर होता है, वही "गाड़ी" लिंक पर फिर से क्लिक करने के लिए जाता है ।


Comments

Popular posts from this blog

google indexing -

wpf - Custom Message Box Advice -

Eclipse CDT variable colors in editor -