Jquery: नई सामग्री को जोड़ने से पहले तत्व को कैसे साफ़ करें?

Question

यह मेरा jQuery कोड

$.ajax({ 
    url: "PopUpProductDetails.aspx", 
      cache: false 
    }).done(function (html) { 
    $("#dialog").append(html); 
}); 

पहली बार यह सिर्फ ठीक काम करता है है। यह PopUpProductDetails.aspx पृष्ठ की सामग्री प्रदर्शित करता है। लेकिन, उसके बाद, यदि मैं दोबारा क्लिक करता हूं, तो मुझे दो बार एक ही सामग्री मिलती है, और बहुत आगे। मुझे विश्वास है कि समस्या यह है कि मुझे नई सामग्री जोड़ने से पहले संवाद तत्व को साफ़ करने की आवश्यकता है।

मैं यह कैसे कर सकता हूं?

Answer 1

.append() मौजूदा एचटीएमएल स्ट्रिंग के अंत में एचटीएमएल जोड़ता है, .html() का उपयोग करें जो वर्तमान में #dialog के अंदर है।

Answer 2

समारोह के अंदर संवाद स्पष्ट पहले और उसके बाद सामग्री के साथ

$.ajax({ 
    url: "PopUpProductDetails.aspx", 
      cache: false 
    }).done(function (html) { 
    $("#dialog").html(""); 
    $("#dialog").html(html); 
});