3

ここで間違ったことをトラブルシューティングしようとしていますが、機能していません。

ここの Disqus API チュートリアルに従っています: http://help.disqus.com/customer/portal/articles/1131783-tutorial-get-comment-counts-with-the-api。

すべてフォローしましたが、ボタンをクリックしても何も起こりません。ここでうまくいかない可能性のある変数はたくさんありますが、それが私の HTML だけであることを願っています。

ありがとう、サー

これが私のコードです：

    <!DOCTYPE html>
    <html>
        <head>
            <title>Disqus Comment Counts Example</title>

    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>


    <script type="text/javascript">
    $(document).ready(function () {
      var disqusPublicKey = "DELETED FOR SECURITY -DISQUSPUBLICKEY";
      var disqusShortname = "DELETED FOR SECURITY-MYDISQUSSHORTNAME"; // Replace with your own shortname

      var urlArray = [];

    $('.count-comments').each(function () {
      var url = $(this).attr('data-disqus-url');
      urlArray.push('link:' + url);

    });


    $('#get-counts-button').click(function () {
      $.ajax({
        type: 'GET',
        url: "https://disqus.com/api/3.0/threads/set.jsonp",
        data: { api_key: disqusPublicKey, forum : disqusShortname, thread : urlArray },
        cache: false,
        dataType: 'jsonp',
        success: function (result) {

          for (var i in result.response) {

            var countText = " comments";
            var count = result.response[i].posts;

            if (count == 1)
              countText = " comment";

            $('div[data-disqus-url="' + result.response[i].link + '"]').html('<h4>' + count + countText + '</h4>');

          }
        }
      });
    });

    </script>

     </head>
        <body>
            <h1>Comment Counts Example</h1>



 <div>
            <a href=” folder/page-1.html”&gt;
                <h2>Test Post One</h2>
                <div class=”count-comments” data-disqus-url=”http://www.mysite.com/folder/page-1.html”&gt;</div>
            </a>
        </div>
  <div>
            <a href=”folder/page-2”&gt;
                <h2>Test Post Two</h2>
                <div class=”count-comments” data-disqus-url=”http://www.mysite.com/folder/page-2.html”&gt;</div>
            </a>
        </div>


            <button type="button" id="get-counts-button">Get Comment Counts</button>
     </body>
    </html>
4

0 に答える 0