jQuery-UI संवाद मेमोरी लीक

Question

मैं आईई 7 और कुछ jQuery संवाद के साथ काम कर रहा हूं और मैं प्रति डायलॉग के बारे में 6 मेगापिक्सल रिसाव में भाग रहा हूं। मुझे लगता है कि यह बंद होने के साथ है, लेकिन अब तक जो कुछ भी मैंने उन्हें हटाने के लिए किया है, उसकी मदद नहीं हुई है। इस बिंदु पर मुझे लगता है कि मैंने पास किए गए कॉलबैक फ़ंक्शन को छोड़कर सभी बंदियों का ख्याल रखा है, लेकिन संवाद बंद होने और हटाने के बाद भी यह 6 मेगापिक्सल लीक कर रहा है। प्रासंगिक स्रोत कोड है:

function DialogDestroyAndRemove(event) { 
    $(event.target).dialog("destroy").remove(); 
} 

function CallbackAndCloseDialog(event) { 
    if (event.data.callback != undefined) { 
     event.data.callback(event.data.callbackResponse); 
    } 
    $("#" + event.data.dialogId).unbind('dialogbeforeclose').dialog('close'); 
} 

// alert dialog modal with ok button 
function AlertDialog(dialogTitle, dialogText, callbackFunction) { 
    // dynamically generate and add a div so we can create the pop-up 
    $('body').append("<div id=\"alertDialog\" style=\"display:none;\" title=\"" + dialogTitle + "\">" + dialogText + "</div>"); 

    // define/configure the modal pop-up 
    $("#alertDialog").dialog({ 
     draggable: false, 
     resizable: false, 
     modal: true, 
     autoOpen: true, 
     open: function() { 
      $("#alertDialog").parents('.ui-dialog-buttonpane button:eq(0)') 
      .focus() //focus so the button is highlighted by default 
      .bind('click', { 
       callback: callbackFunction, 
       callbackResponse: 'OK', 
       dialogId: 'alertDialog' 
      }, CallbackAndCloseDialog); 
     }, 
     overlay: { backgroundColor: '#000', opacity: 0.5 }, 
     buttons: { 'OK': function() { } } 
    }).bind('dialogbeforeclose', function(event, ui) { 
     // Close (X) button was clicked; NOT the OK button 
     if (callbackFunction != undefined) { 
      callbackFunction('cancel'); 
     } 
     callbackFunction = null; 
    }).bind('dialogclose', DialogDestroyAndRemove); 
} 

एक बात मैं ऊपर किया है कि मुझे यकीन है कि अगर यह ठीक बटन के लिए कॉलबैक को परिभाषित जब यह निर्धारित किया है (और इसलिए एक बंद होने के बाद से यह संदर्भित है के बजाय था आवश्यक है नहीं कर रहा हूँ कॉलबैक) संवाद खोलने के बाद इसे एकबिंद का उपयोग करके परिभाषित करने के लिए। मैं उम्मीद कर रहा था कि क्लिक ईवेंट में डेटा के हिस्से के रूप में कॉलबैक पास करने में सक्षम होने से बंद होने में मदद मिल सकती है।

कोई भी विचार मैं इस रिसाव से छुटकारा पाने के लिए और क्या बदल सकता हूं?

Answer 1

यह वास्तव में समाप्त हुआ क्योंकि jQuery यूआई फ्रेमवर्क एक मोडल प्रदर्शित करते समय पृष्ठभूमि को भूरे रंग के साथ कैसे करता है। अगर मैं मोडल = सत्य को हटा देता हूं और ओवरले विशेषताएँ स्मृति रिसाव ~ 100k तक नीचे जाती है।

इस के आसपास जाने के लिए मुझे मोडल विकल्प के बिना संवाद करना पड़ा, और उसके बाद पृष्ठ को एक div (निश्चित स्थिति शीर्ष, बाएं, नीचे, दाएं सभी 0 को एक वैकल्पिक ग्रे पिक्सेल के साथ फिर पारदर्शी पिक्सेल पृष्ठभूमि के साथ जोड़ें) और संवाद के तहत एक ज़िन्डेक्स के साथ दिखा रहा है और छुपा रहा है।

हालांकि यह आदर्श नहीं है (डिफ़ॉल्ट मोडल ओवरले अच्छा और चिकना दिख रहा था) यह प्रति पॉप-अप डायलॉग जितनी मेमोरी लीक करने से बेहतर है।

Answer 2

उम्मीद है कि यह मदद करता है, मैंने इस समस्या के लिए एक एक्सटेंशन बनाया है जहां मैं jQuery उपकरण (फ्लोप्लेयर) का उपयोग करता हूं जब jQuery UI संवाद के लिए modal = true होता है।

मैं folhttp: //jsfiddle.net/yZ56q/lowing कोड को एक अलग .js फ़ाइल में शामिल करना होगा और इस साइट से jQuery टूल को पहले प्लगइन का खुलासा करना सुनिश्चित कर दूंगा ... http://flowplayer.org/tools/download.html।

(function($) { 
    var _init = $.ui.dialog.prototype._init; 
    $.ui.dialog.prototype._init = function() { 
     var self = this; 
     _init.apply(this, arguments); 

     // Remove the default modal behavior and exhibit the new one 
     if (self.options.modal) { 
      self.options.modal = false; 
      self.options.isModal = true; 
     } 

     this.uiDialog.bind('dialogopen', function(event, ui) { 
      if (self.options.isModal) { 
       if ($(this).expose == null) 
        window.alert("Dialog box depends on the expose plugin to be modal. Please include the jquery tools Javascript include."); 
       else { 
        $(this).expose({ opacity: 0.3 
          , color: '#CCCCCC' 
          , loadSpeed: 0 
          , closeSpeed: 0 
          , closeOnClick: false 
          , closeOnEsc: false 
          , api: true 
        }).load(); 
       } 
      } 
     }); 

     this.uiDialog.bind('dialogfocus', function(event, ui) { 
      if (self.options.isModal) { 
       $(this).css('z-index', '9999'); 
      } 
     }); 

     this.uiDialog.bind('dialogclose', function(event, ui) { 
      if (self.options.isModal) { 
       if ($(this).expose != null) { 
        $(this).expose({ api: true }).close(); 
       } 
      } 
     }); 
    }; 

     $.ui.dialog.defaults.isModal = false; 
})(jQuery);