मैं अपने वेब एप्लिकेशन में jQuery मोडल डायलॉग का उपयोग कर रहा हूं। मैंने एक button (cancel) का उपयोग किया है और उस पर क्लिक करके संवाद बंद करना चाहता हूं, लेकिन यह काम नहीं कर रहा है, जबकि disable & destroy काम कर रहा है।
कृपया कोई विचार ....
कोड:
$("#dialog-form" ).dialog({
....
buttons: {
Cancel: function() {
$( this ).dialog( "close" ); // dialog doesn't close
// $( this ).dialog( "destroy" ); (it's working)
// $( this ).dialog( "disable" ); (it's working)
}
1 उत्तर
मुझे अब एहसास हुआ, यह मेरा मूर्खतापूर्ण प्रश्न था, लेकिन मुझे आशा है कि यह किसी के लिए मददगार होगा। कई फाइलों के गायब होने के कारण मुझे जो समस्या हो रही थी। उदाहरण: एक सीएसएस फ़ाइल है जिसे हम सीधे लिंक करके उपयोग कर सकते हैं या फ़ाइल डाउनलोड कर सकते हैं और इसे अपने वेब एप्लिकेशन में डाल सकते हैं और फिर अपने सर्वर से लिंक कर सकते हैं।
समाधान 1 :
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/ui.all.css"/>
समाधान 2 : बस css फ़ाइल डाउनलोड करें और इसे अपने सर्वर में डालें। जैसा कि मैंने jquery.ui.all.css नामक एक css फ़ाइल डाउनलोड की और इसे अपने webApplication/lib के अंदर रख दिया। अब मैं लिंक कर सकता हूँ
<link rel="stylesheet" href="my_web_app/lib/jquery.ui.all.css"/>
लेकिन यहाँ एक बड़ी बात है, आपको फ़ाइल की जाँच करने की आवश्यकता है कि यह कुछ अन्य फ़ाइलों को आयात कर रही है या नहीं, क्योंकि मैंने इस फ़ाइल को देखा और पाया कि यह दो अन्य फ़ाइलों को आयात कर रही है।
@import "jquery.ui.base.css";
@import "jquery.ui.theme.css";
यह वही है जो मैं गलती कर रहा था, फिर से मैंने इन दो फाइलों को अलग-अलग डाउनलोड किया और इसे अपने वेब ऐप (my_web-App/lib/.....) के एक ही फ़ोल्डर में डाल दिया।
jQuery फ़ाइल के कारण समस्या: सुनिश्चित करें कि आप हमेशा jQuery फ़ाइल के अद्यतन संस्करण का उपयोग करते हैं। यह वह जगह है जहां मैं फंस गया लेकिन अंत में मैंने पाया कि मैं jQuery फ़ाइल के पुराने संस्करण (jQuery v1.3.2) का उपयोग कर रहा हूं, जबकि मुझे नवीनतम (jQuery v1.6.2) की आवश्यकता थी।