javascript - 更改 Twitter 链接的属性

Question

我正在尝试使用 jQuery 更改 data-url。目前我的代码如下所示。

<div id="twitterButton" title="Tweet it on Twitter"><a href="https://twitter.com/share" id="tweet" class="twitter-share-button" data-url="" data-related="jasoncosta" data-lang="en" data-size="large" data-count="none">Tweet</a></div>

<script type="text/javascript">
$(document).ready(function () {
    $('#twitterButton').click(function () {
        $('#tweet').attr("data-url", "https://www.google.com/");
    });
});</script>

正如你所看到的，我将 url-data 留空，这样我就可以确定它只在 jQuery 中设置。但是，每当我单击推文按钮时，它总是会打开一个窗口，其中包含我所在的当前页面的链接。有人可以解释一下如何通过 jQuery 或 javascript 将其设置为其他内容吗？

Answer 1

您应该使用.data()用于控制数据属性。正如 Daniele 在该答案中所述，您还必须使用 preventDefault() 停止 a 元素上的事件传播。 .

$('#twitterButton').click(function (e) {
    $('#tweet').data('url',"https://www.google.com");
    e.preventDefault();
});