javascript - 如何使用 jquery 为 data-url 属性设置新值？

Question

页面加载前：

<a data-url="htts://xyz@..." class="mybuttons"  data-type="facebook">

之后：在使用 jquery 加载页面时，我曾经附加新的 data-url

<a data-url="https://abc@..." class="mybuttons"  data-type="facebook">

现在，当我想使用 facebook api 共享这个新数据 url 时，它会https://xyz@...在 url 栏中显示旧 url。

我想data-url分享新的。

我已成功更改data-urlusing $(this).attr('data-url',value.url). 该怎么办，请帮帮我。甚至我的新data-url功能也没有在页面源代码中显示。

Answer 1

在您的行中：

$(this).attr('data-url',value.url);

你确定this指的是正确的 DOM 对象吗？

尝试向锚点添加 id：

<a id='face-url' data-url="htts://xyz@..." class="mybuttons"  data-type="facebook">

然后在您的代码中，以data-url这种方式设置属性：

$('#face-url').data('url', value.url);

现在您已经设置了属性值，您必须确保facebook API 仅在您更改此属性后才读取它

Answer 2

我知道为时已晚，但我遇到了这个问题，我认为我有解决方案对我来说，解决方案是改变设置数据的方式。

$(this).data('url', value.url);