如何解决jquery ui 1.7.2 的dialog的ie内存泄露

      1.7.2的dialog在ie每次打开对话框在ie都是使内存增长，得到ie浏览器的url切换了才会释放内存，如果把网站做成frame主体的，即进入到网站都是统一的url就是噩梦。

     先简单看下dialog的内存增长，打开development-bundle\demos\dialog\modal-form.html，点击”create new user”:

     刚打开时候时ie内存：

    

     10重复点击”Create new user”——关闭：

    

     修改ui.dialog.js:

显示行号 复制代码 ？

1. $.extend($.ui.dialog.overlay, {
       instances: [],
       oldInstances: [],    //修改一：添加oldInstances
       maxZ: 0,
       events: $.map('focus,mousedown,mouseup,keydown,keypress,click'.split(','),
           function(event) { return event + '.dialog-overlay'; }).join(' '),
       create: function(dialog) {
           if (this.instances.length === 0) {
               // prevent use of anchors and inputs
               // we use a setTimeout in case the overlay is created from an
               // event that we're going to be cancelling (see #2804)
               setTimeout(function() {
                   // handle $(el).dialog().dialog('close') (see #4065)
                   if ($.ui.dialog.overlay.instances.length) {
                       $(document).bind($.ui.dialog.overlay.events, function(event) {
                           var dialogZ = $(event.target).parents('.ui-dialog').css('zIndex') || 0;
                           return (dialogZ > $.ui.dialog.overlay.maxZ);
                       });
                   }
               }, 1);
               // allow closing by pressing the escape key
               $(document).bind('keydown.dialog-overlay', function(event) {
                   (dialog.options.closeOnEscape && event.keyCode
                           && event.keyCode == $.ui.keyCode.ESCAPE && dialog.close(event));
               });
               // handle window resize
               $(window).bind('resize.dialog-overlay', $.ui.dialog.overlay.resize);
           }
           //修改二：替换var $el;
           //var $el = $('<div></div>').appendTo(document.body)
           //    .addClass('ui-widget-overlay').css({
           //        width: this.width(),
           //        height: this.height()
           //    });
           var $el = (this.oldInstances.pop() || $('<div></div>').addClass('ui-widget-overlay'))
               .appendTo(document.body)
               .css({
                   width: this.width(),
                   height: this.height()
               });    
           (dialog.options.bgiframe && $.fn.bgiframe && $el.bgiframe());

2.        this.instances.push($el);
           return $el;
       },

3.    destroy: function($el) {
           //修改三：替换注释的代码：
           //this.instances.splice($.inArray(this.instances, $el), 1);
           this.oldInstances.push(this.instances.splice($.inArray($el, this.instances), 1)[0]);
           if (this.instances.length === 0) {
               $([document, window]).unbind('.dialog-overlay');
           }
           $el.remove();
           
           // adjust the maxZ to allow other modal dialogs to continue to work (see #4309)
           var maxZ = 0;
           $.each(this.instances, function() {
               maxZ = Math.max(maxZ, this.css('z-index'));
           });
           this.maxZ = maxZ;
       },
       height: function() {
           // handle IE 6
           if ($.browser.msie && $.browser.version < 7) {
               var scrollHeight = Math.max(
                   document.documentElement.scrollHeight,
                   document.body.scrollHeight
               );
               var offsetHeight = Math.max(
                   document.documentElement.offsetHeight,
                   document.body.offsetHeight
               );
               if (scrollHeight < offsetHeight) {
                   return $(window).height() + 'px';
               } else {
                   return scrollHeight + 'px';
               }
           // handle "good" browsers
           } else {
               return $(document).height() + 'px';
           }
       },
       width: function() {
           // handle IE 6
           if ($.browser.msie && $.browser.version < 7) {
               var scrollWidth = Math.max(
                   document.documentElement.scrollWidth,
                   document.body.scrollWidth
               );
               var offsetWidth = Math.max(
                   document.documentElement.offsetWidth,
                   document.body.offsetWidth
               );

4.            if (scrollWidth < offsetWidth) {
                   return $(window).width() + 'px';
               } else {
                   return scrollWidth + 'px';
               }
           // handle "good" browsers
           } else {
               return $(document).width() + 'px';
           }
       },
       resize: function() {
           /* If the dialog is draggable and the user drags it past the
            * right edge of the window, the document becomes wider so we
            * need to stretch the overlay. If the user then drags the
            * dialog back to the left, the document will become narrower,
            * so we need to shrink the overlay to the appropriate size.
            * This is handled by shrinking the overlay before setting it
            * to the full document size.
            */
           var $overlays = $([]);
           $.each($.ui.dialog.overlay.instances, function() {
               $overlays = $overlays.add(this);
           });

5.        $overlays.css({
               width: 0,
               height: 0
           }).css({
               width: $.ui.dialog.overlay.width(),
               height: $.ui.dialog.overlay.height()
           });
       }
   });

       修改后，重复点击后不会使内存增加很多，第一次点击的时候还是会使内存增加很多。

       跟踪代码，使内存增加就两个地方的appendTo(“body”)：

       221行：(uiDialog.next().length && uiDialog.appendTo('body'));

       566行：var $el = $('<div></div>').appendTo(document.body)

       怎么解决这个问题还没什么好的方法，希望大家支持！