jquery के साथ संवाद बनाते समय, मैं संवाद div कैसे छिपा सकता हूं?

Question

मैं इस पृष्ठ में की तरह एक संवाद बनाने हूँ:

http://jqueryui.com/demos/dialog/#modal-confirmation

(क्लिक स्रोत देखें)

तल पर

div कि संवाद में रखा जाता है। जब जावास्क्रिप्ट द्वारा कॉल किया जाता है तो संवाद सही काम करता है लेकिन जब यह लोड होता है तो पृष्ठ के निचले हिस्से में संवाद स्पष्ट होता है। (जावास्क्रिप्ट फ़ंक्शन द्वारा इसे कॉल करने पर लागू होने वाली सभी स्टाइल को घटाएं)

मैं div को कैसे छुपा सकता हूं और अभी भी संवाद का उपयोग करने की अनुमति देता हूं? मैंने शैली = "दृश्यता: छुपा" सेटिंग करने का प्रयास किया है, लेकिन जावास्क्रिप्ट द्वारा कॉल किए जाने पर इसे दिखाए जाने से रोकता है।

Answer 1

यह एक बेवकूफ सवाल हो सकता है, लेकिन "visibility:hidden" के बजाय आपने "display:none;" को आजमाया है? मुझे एक ऐसी परियोजना के लिए एक ही समस्या का समाधान करना पड़ा जिस पर मैं काम कर रहा हूं और मैं निश्चित रूप से प्रदर्शन सुनिश्चित करता हूं: कोई भी काम नहीं करता है।

तुम भी

$(foo).dialog({ autoOpen: false }); 

विकल्प का उपयोग संवाद "प्रारंभ" करने के लिए कर सकते हैं (इस प्रकार यह और जो कुछ अच्छी चीजें छुपा)। एकमात्र पकड़ है, आप पृष्ठ लोड के रूप में शायद "झिलमिलाहट" संवाद देखेंगे लेकिन इससे पहले कि jQuery को इसे छिपाने का मौका मिले।