javascript - 为什么 data-url 设置后返回未定义？

Question

有人知道为什么我在此处设置变量后无法立即检索它吗？将其分配给 anchor 的 data-url 属性。

    var myUrl = 'http://www.google.com/';

    alert('set: ' + myUrl);

    $("#tweet-link").attr('data-url', myUrl);

    alert('get: ' + $("#tweet-link").attr('data-url')); // 'get: undefined'

Answer 1

所有可能的原因都已在此处作为注释提到:未在 $(document).ready() 上执行或 id 错误或标签未执行根本存在。

当 DOM 结构未准备好时，jQuery 将不会保存数据，因为元素还不存在。 jQuery 不会显示错误，因为会假设没有选择任何项目。

$(function() {
  ...your code here...
});

补充一下，也可以使用 $("#tweet-link").data('url') 获取数据。

不需要投票......只需将已经完成的评论压缩到答案中即可。