jquery: करीब

Question

पर एक संवाद को पूरी तरह से कैसे हटाएं जब कोई AJAX ऑपरेशन विफल हो जाता है, तो मैं त्रुटियों के साथ एक नया div बना देता हूं और फिर इसे एक संवाद के रूप में दिखाता हूं। जब संवाद बंद हो जाता है तो मैं पूरी तरह से div को नष्ट करना और निकालना चाहता हूं। मैं यह कैसे कर सकता हूँ? मेरे कोड इस समय इस तरह दिखता है:

$('<div>We failed</div>') 
    .dialog(
    { 
     title: 'Error', 
     close: function(event, ui) 
     { 
      $(this).destroy().remove(); 
     } 
    }); 

जब मैं इस डायलॉग बॉक्स ठीक से दिखाई देता चलाने के लिए, लेकिन जब मैं इसे बंद संवाद अभी भी एचटीएमएल (Firebug का उपयोग) में दिख रहा है। मुझे यहां क्या समझ नहीं आ रहा है? मैं कुछ भूल गया हूँ?

अद्यतन: बस ध्यान दिया कि मेरा कोड मुझे फायरबग कंसोल में एक त्रुटि देता है।

$ (इस) .destroy एक समारोह

किसी को भी मेरी मदद करने में सक्षम नहीं है?

अद्यतन: यदि मैं इसके बजाय $(this).remove() करता हूं, तो आइटम HTML से हटा दिया जाता है। लेकिन क्या यह पूरी तरह से डीओएम से हटा दिया गया है? या क्या मुझे किसी भी तरह कॉल करने की ज़रूरत है कि पहले भी कार्य को नष्ट कर दें?

Answer 1

$(this).dialog('destroy').remove() 

इस संवाद को नष्ट कर देगा और उसके बाद डोम

Answer 2

से पूरी तरह से div था कि "की मेजबानी" संवाद को दूर क्यों आप इसे दूर करने के लिए करना चाहते हैं?

यह कई उदाहरण बनाया जा रहा रोकने के लिए है, तो सिर्फ निम्नलिखित दृष्टिकोण का उपयोग करें ...

$('#myDialog') 
    .dialog( 
    { 
     title: 'Error', 
     close: function(event, ui) 
     { 
      $(this).dialog('close'); 
     } 
    }); 

और जब त्रुटि तब होती है, आप क्या करेंगे ...

$('#myDialog').html("Ooops."); 
$('#myDialog').dialog('open'); 

Answer 3

एक बदसूरत समाधान है कि मेरे लिए एक आकर्षण की तरह काम करता है:

$("#mydialog").dialog(
    open: function(){ 
     $('div.ui-widget-overlay').hide(); 
     $("div.ui-dialog").not(':first').remove(); 
} 
}); 

Answer 4

$(dialogElement).empty(); 

$(dialogElement).remove(); 

,210

यह असली

Answer 5

के लिए यह ठीक करता है आप उपयोग कर सकते हैं

$(dialogElement).empty();  
$(dialogElement).remove(); 

Answer 6

इस के लिए मुझे

$('<div>We failed</div>') 
    .dialog(
    { 
     title: 'Error', 
     close: function(event, ui) 
     { 
      $(this).dialog("close"); 
      $(this).remove(); 
     } 
    }); 

चीयर्स काम किया है!

पीएस: मुझे कुछ ऐसी ही समस्या थी और उपरोक्त दृष्टिकोण ने इसे हल किया।