tags:

views:

299

answers:

1
Q: 

createDocumentFragment and jQuery

Hi,

i have a big table and need to set CSS-classes on it etc. So i clone the table into a documentFragment to prevent the browsers reflow for each touched DOM-property etc. The Problem is, i set much of $.data and have $.live events appended to the tables TD's. So the question is, how can i preserve the $.data of the table for the new table?

+1  A: 

How about making the table temporarily non-visible (eg. display: none) whilst you make the changes, then putting it back when finished? Only two reflows and you don't have the clone overhead.

Whilst it would theoretically be possible to fool jQuery by using a DOM cloneNode instead of clone to create full copies of the table elements, keeping the magic expando property that jQuery uses to identify nodes, this seems pretty ugly and fragile to me.

bobince  2009-09-25 12:19:33
Yes, i'm gone so far that i can temporary save and reapply the data:var oData = $.cache[$.data($BeforeClone[0])];and after inserting the cloned, processed table:$.cache[$.data($AfterClone[0])] = oData;That does the trick. But the problem is that i have to refresh jQuery objects wich still refer to the old Table, out of the data.I think i'll give your solution a try.
abp  2009-09-25 12:25:21
Hiding and showing the table again, after the processing is faster and i don't have to bother with the data. So i'll go with this solution. Thanks :)
abp  2009-09-25 12:53:38

related questions

Figure out div that is visible out of four divs.
How do I maintain position of a DragPanelExtender across postbacks?
jQuery "after" selector question
What is the best tool to benchmark my JavaScript?
Getting closest element by id
How to show a spinner while loading an image via JavaScript
Binding custom functions to DOM events in prototype?
Are there any tools out there to compare the structure of 2 web pages?
Is there any way to repopulate an Html Select's Options without firing the Change event (using jQuery)?
How do I get the current location of an iframe?
Looking for a simple JavaScript example that updates DOM.
Does Microsoft ASP.NET Ajax Cause DOM Object Leaks?
How do I serialize a DOM to XML text, using JavaScript, in a cross browser way?
Should I use window.onload or script block?
Firefox vs. IE: innerHTML handling
Should DOM splitText and normalise compose to give the identity?
How to Maintain Correct Javascript Event After Using cloneNode(true)
PHP - Determine Parent Node Of DOMElement
DOM manipulation in PHP
Which Java DOM Wrapper is the Best or Most Popular?
Inserting at the very end in FCKeditor
How do I remove a child node in HTML using JavaScript?
Firefox plugin - sockets
Getting the text from a drop-down box
How can I turn a string of HTML into a DOM object in a Firefox extension?