jQuery doesn't return data

Question

I set data with jQuery.data() but I couldn't get it later. Code:

jQuery('#test').live('click', function() {
    alert(jQuery.data($(this), 'key'));
});
var element = jQuery('<div id="test">Test</div>');
jQuery.data(element, 'key', { test: "String" });
jQuery('body').append(element);

I'm using jQuery 1.5. Is this a bug (in jQuery .live()) or am I doing something wrong?

have you tried to append the div element to body before you set the data? — Herberth Amaral
– Herberth Amaral, Commented Feb 15, 2011 at 20:01
I use normally console.log but there might be users without a browser with a console (or they deactivated it) so an error could occur. — Poru
– Poru, Commented Feb 15, 2011 at 20:14
to get around that, use this code: code.google.com/p/fbug/source/browse/branches/firebug1.2/lite/… It will create a mock console object if it doesn't exist that will eliminate those errors. — Daniel T.
– Daniel T., Commented Feb 15, 2011 at 20:27
Thanks @Daniel T. but I don't serve code with console code in it to a live site so I don't need that really :) — Poru
– Poru, Commented Feb 15, 2011 at 20:57

Victor · Accepted Answer · 2011-02-15 20:03:37Z

2

Try this instead:

$('#test').live('click', function() {
    alert($(this).data('key'));
});
var element = $('<div id="test">Test</div>');
$(element).data('key', { test: "String" });
$('body').append(element);

answered Feb 15, 2011 at 20:03

Victor

4,7311 gold badge28 silver badges31 bronze badges

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

1 Comment

ifaour Over a year ago

+1, I prefer alert($(this).data('key').test); also element is already a jQuery object. here is a test link ;)

Collectives™ on Stack Overflow

jQuery doesn't return data

1 Answer 1

1 Comment

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Related