More convert jquery object to string

Question

Yes I have see the post here

And I tried that but the problem is, my jquery object looks more like this:

var $foo = $('<ul><li id="' + line.id + '" label="' + label + '" rel="file"><a href="#">' + line.title + '</a></li></ul>');
$foo.click(function() { openLink(line.url) });
$foo.appendTo($myDiv);

When $myDiv is fully populated I can do this:

var html = $('<div>').append($('#foo').clone()).remove().html();

And I will see all of the lovely HTML, but I don't know if the click stuff will be preserved. See, I want to save the entire DOM modification to localStorage so I can retrieve it quickly since it's pretty static. I need to be able to store it and all its attributes, then yank it back out and restore it, clicks and all.

Does that make sense?

You cannot save a function as a string.

SLaks
– SLaks

2011-02-07 14:59:41 +00:00
Commented Feb 7, 2011 at 14:59 — SLaks
– SLaks, Commented Feb 7, 2011 at 14:59

SLaks · Accepted Answer · 2011-02-07 15:00:20Z

3

The only way to do this would be to use inline event handlers, which is a bad (and slow) idea.

Instead, you can convert all of your event handlers to live handlers; they will then automatically apply to all matching elements without having to rebind them after changing the DOM.

answered Feb 7, 2011 at 15:00

SLaks

891k182 gold badges1.9k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

Dawson Toth Over a year ago

I agree. You could identify which to bind with a class name, and store your line.url in an attribute directly on the UL or whatever you want to be clicked.

lsuarez Over a year ago

Definitely the way to go here. Check out the official documentation for implementation details.

gdanko Over a year ago

Oh nice. So instead of "$foo.click(function() { openLink(line.url) });" I would implement a more dynamic "live" handler? I will try that! Awesome, thanks!

gdanko Over a year ago

One quick question, how would I go about saving line.url as an attribute directly on the URL and accessing it in my .live handler?

SLaks Over a year ago

@user: $(this).getAttr("url")

Collectives™ on Stack Overflow

More convert jquery object to string

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related