0

現在、ソーシャル ネットワークのボタンを自分の Web サイトに追加しようとしていますが、Pintestrest の [Pin It] ボタンで問題が発生しました。ピンの URL を動的に変更したいのですが、残念ながらうまくいかないようです。私は何か間違ったことをしましたか？

<script type="text/javascript">
    var urlpin = document.location.href;

    function buildPinUrl(urlpin, urlmedia, description) {
       return '//pinterest.com/pin/create/button/?'+
                'url='+encodeURIComponent(urlpin)+
                '&media='+encodeURIComponent(urlmedia)+
                '&description='+encodeURIComponent(description);
        }

    $(document).ready(function(){
        var urlmedia = $("#stamp1").attr("src");
        var description = $("#title").text();
        var goodurl = buildPinUrl(urlpin, urlmedia, description);

        $('#pinbtn').attr('href', goodurl);

    });

</script>

そしてここにボタンがあります：

<!-- Pin It Button --><a id="pinbtn" href="//pinterest.com/pin/create/button/?url=http%3A%2F%2Fcollectionnies.com&media=http%3A%2F%2Fcollectionnies.com&description=Next%20stop%3A%20Collectionnies" data-pin-do="buttonPin" data-pin-config="beside"><img src="//assets.pinterest.com/images/pidgets/pin_it_button.png" /></a><!-- Pin It Button -->

ご協力いただきありがとうございます。

4

1 に答える 1

0

jQuery 1.6+ (エッジまで) では、これは正常に動作します。

http://jsfiddle.net/mmKcR/

このコードが html に表示される前に、jQuery がロードされていることを確認してください。また、jQuery を noConflict モードでロードしていないことを確認してください。$.

それでも問題が解決しない場合は、Chrome/Firefox インスペクタを使用してコンソール エラーを表示します。

次のようなエラーが表示される場合:

Uncaught ReferenceError: $ is not defined

上記の 2 つの問題のうちの 1 つに問題があります。

于 2013-09-12T13:08:38.603 に答える