更改twitter链接的属性

Question

我正在尝试用jQuery更改数据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数据留空，这样我就可以确定它只是在jQuery中设置的。然而，每当我点击推特按钮时，它总是打开带有我所在当前页面链接的窗口。有人能解释一下我如何通过jQuery或javascript将其设置为其他页面吗？

Answer 1

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

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

Answer 2

您必须调用preventDefault（）方法来停止点击事件在a元素上的传播：

试试这个代码：

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

好代码

D。