Alternative to using wrapInner
I've having trouble with the wrapInner function causing some event handlers to be duplicated when used on divs containing a elements from 3rd party toolkit.
Currently we're basically doing this:
$('#someElement').wrapInner('<table><tr><td></td></tr></table>');
When someElement contains our 3rd party toolkit control, some event handlers are duplicated.
This code seems to do the same wrapping without causing the duplicate handlers:
$('#someElement').html('<table><tr><td>' + $('#someElement').html() + '</td></tr></table>');
As I looked at the wrapInner function it does seem to basically call the html() function, but before I make the change is there anything that wrapInner does that using html(...) does not (i.e. is there some hidden gotcha that I'm not realizing would occur by not using wrapInner)?
Currently we're basically doing this:
$('#someElement').wrapInner('<table><tr><td></td></tr></table>');
When someElement contains our 3rd party toolkit control, some event handlers are duplicated.
This code seems to do the same wrapping without causing the duplicate handlers:
$('#someElement').html('<table><tr><td>' + $('#someElement').html() + '</td></tr></table>');
As I looked at the wrapInner function it does seem to basically call the html() function, but before I make the change is there anything that wrapInner does that using html(...) does not (i.e. is there some hidden gotcha that I'm not realizing would occur by not using wrapInner)?
Topic Participants
max.phelps
jakecigar