Then there are several events on the page that dynamically add DOM elements. For example, clicking on a certain layer will list the detailed content of the layer below, so there will be no problems in FF and chrome, but it will be re-layed every time under IE6-8.
For example, if I drag a layer, the content of the layer is displayed at the bottom during the dragging process. When I release the layer, the layer jumps back to the position before the dragging...
At first I didn't realize it was re-layout... Then I demonstrated N for a long time, struggled N for a long time, and finally felt that it might be because of the trigger caused by the dynamic increase of DOM nodes, which caused the page to be re-layout...
Finally, I couldn't help but shout "Thank godness..." in my heart. Fortunately, changing the height of the window has no effect on the page layout, otherwise I would be in trouble...
bindResizeWindow:function(){
var obj = this;
$(window).resize(function(){
var newWidth = $(window).width();
if(newWidth == ){return;}
();
();
= newWidth;
});
},
Just make sure that the relay layout event is triggered only when the width changes in the binding method...
For example, if I drag a layer, the content of the layer is displayed at the bottom during the dragging process. When I release the layer, the layer jumps back to the position before the dragging...
At first I didn't realize it was re-layout... Then I demonstrated N for a long time, struggled N for a long time, and finally felt that it might be because of the trigger caused by the dynamic increase of DOM nodes, which caused the page to be re-layout...
Finally, I couldn't help but shout "Thank godness..." in my heart. Fortunately, changing the height of the window has no effect on the page layout, otherwise I would be in trouble...
Copy the codeThe code is as follows:
bindResizeWindow:function(){
var obj = this;
$(window).resize(function(){
var newWidth = $(window).width();
if(newWidth == ){return;}
();
();
= newWidth;
});
},
Just make sure that the relay layout event is triggered only when the width changes in the binding method...