2010-01-29 16 views
7

मैं AJAX के लिए लोडिंग स्क्रीन के रूप में jQuery संवाद का उपयोग करने का प्रयास कर रहा हूं। मैंने अभी तक बहुत अच्छी तरह से काम किया है, लेकिन मैं लोडिंग स्क्रीन को बंद करने योग्य नहीं चाहता हूं। हालांकि ऐसा लगता है कि यूआई संवाद में एक विकल्प के रूप में "closable" नहीं है?jQuery यूआई संवाद - इसे कैसे बंद करने योग्य नहीं है?

आप इसे कैसे बंद कर सकते हैं? मैंने क्लोजटेक्स्ट को खाली करने की कोशिश की लेकिन उसने कुछ भी नहीं किया। छोटा 'एक्स' अभी भी ऊपरी दाएं कोने पर दिखाई देता है।

क्या आपको नहीं लगता कि बंद करने योग्य संवाद विजेट के लिए एक विकल्प होना चाहिए? त्वरित जवाब के लिए

$("#loading").dialog({ 
    beforeclose: function(){ return false } 
    // other options here 
}); 

उत्तर

7

यिंग, बस beforeclose को एक कॉलबैक फ़ंक्शन गुजरती हैं। उस करीबी कार्रवाई को अक्षम कर दिया। हालांकि, यह ऊपरी दाएं कोने पर "एक्स" छिपा नहीं था। मैं "एक्स" को छिपाने के लिए सीएसएस का उपयोग कर समाप्त हुआ।

/* hide the close x on loading screen */ 
.classForMyDialog .ui-dialog-titlebar-close { 
    display: none; 
} 
+0

ठीक है,:

मैं भी टिप्पणी को उजागर करने के लिए सेट करने का अवसर ले। यही वही है जो मैंने सुझाव दिया होगा कि आपको वह हिस्सा नहीं मिला था। खुशी है कि यह आपके लिए कारगर रहा! उत्तर को स्वीकृत के रूप में चिह्नित करना सुनिश्चित करें (ग्रे चेक पर क्लिक करें)। हम दोनों को प्रतिनिधि अंक मिलते हैं और इससे भविष्य में लोगों को एक ही समस्या के साथ मदद मिलती है कि आपके लिए कौन सा समाधान काम करता है। StackOverflow में आपका स्वागत है! –

+0

ओह, मुझे इस समाधान के साथ कोई समस्या मिली। जब मैं $ ("# लोडिंग") कॉल करता हूं। संवाद ('बंद करें') अब यह कुछ भी नहीं करता है। मुझे काम करने की ज़रूरत थी इसलिए मैंने सीएसएस के माध्यम से "एक्स" को छिपाने का फैसला किया। – Ying

6

डौग, धन्यवाद:

धन्यवाद

+2

आपको झूठ, '$ ("। चयनकर्ता ") .dialog ({closeOnEscape: false}) पर closeOnEscape सेट करने पर भी विचार करना चाहिए; प्रारंभिक या' $ ("। चयनकर्ता") पर .dialog ("विकल्प", " closeOnEscape ", झूठा); 'बाद में इसे झूठी –

1

मैं कैसे धन्यवाद यिंग और डग को इसके बारे में मिल गया

कक्षा:

.myDialog .ui-icon{ 
    display:none !important; 
} 

Jquery:

$(".ajaxloader").dialog({ 
     modal:true, 
     resizable:false, 
     dialogClass:'myDialog' 
    }); 
+0

पर सेट करने के लिए धन्यवाद, यह चाल है। –

+0

यह संवाद पर आइकन भी छिपाता है। मुझे विश्वास है कि चयनकर्ता अधिक ठोस होना चाहिए। –

1

मुझे लगता है कि यिंग सही रास्ते पर है, लेकिन यह पता चला है कि .classForMyDialog (माना जाता है कि यह div है संवाद सामग्री) में बच्चे के रूप में आइकन नहीं है इसलिए यह काम नहीं करता है।

$("#myDialogDivID").parent().find(".ui-dialog-titlebar-close").hide() 

माता पिता संवाद एन्वलप div का चयन करता है और उसके बाद हम पाते हैं और करीब आइकन को छिपाने कर सकते हैं:

मैं के साथ सफलता मिली। खेद

closeOnEscape: false 
संबंधित मुद्दे