2

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を介して別のものに設定する方法を誰かが説明できますか?

4

2 に答える 2

4

.data()データ属性の制御に使用する必要があります。Daniele がその回答で述べているように、aを使用して要素のイベントの伝播も停止する必要がありますpreventDefault()。

$('#twitterButton').click(function (e) {
    $('#tweet').data('url',"https://www.google.com");
    e.preventDefault();
});
于 2013-07-09T13:18:39.733 に答える
3

子要素のクリック イベントの伝播を停止するには、 preventDefault()メソッドを呼び出す必要があります。

このコードを試してください：

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

良いコード

D.

于 2013-07-09T13:33:27.233 に答える