1

Addthisコードを含む基本的なページを作成しようとしています。

私が使用しているコードは次のとおりです。

<html>
   <HEAD>
      <TITLE>test    </TITLE>
         <meta content="text/html;charset=utf-8" http-equiv="Content-Type">
         <meta content="utf-8" http-equiv="encoding">

         <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.2.js'>    </script>
         <script type='text/javascript' src="http://twitter.github.com/bootstrap/assets/js/bootstrap.min.js">    </script>
   </HEAD>
<body>

 <div> 
   <!-- AddThis Button BEGIN -->
  <div class="addthis_toolbox addthis_default_style ">
   <a class="addthis_button_facebook_like" fb:like:layout="button_count">    </a>
   <a class="addthis_button_tweet">    </a>
   <a class="addthis_button_pinterest_pinit">    </a>
   <a class="addthis_counter addthis_pill_style">    </a>
  </div>
   <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};    </script>
   <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=felix001">    </script>
   <!-- AddThis Button END -->
 </div>
</body>
</html>

ただし、ブラウザでページを実行すると、空白の画面が表示されます。明らかな何かが欠けていますか？

ありがとう、

4

1 に答える 1

2

srcタグが「//s7...」を使用しており、親ページに基づいてプロトコルを決定しようとしているため、ローカルでは機能しません。あなたの場合、ローカルで実行している間、親ページはおそらく次のようになります。

file：// c：\ blahblah \ index.html

したがって、プロトコルはfile：//であり、機能しません（httpまたはhttpsである必要があります）。これは、ユーザーがコードを変更せずにhttpまたはhttpsのいずれかのサイトにコードを簡単にコピーできるようにするために行われます。

これをローカルで修正するには、httpを先頭に追加して、次のようにします。

<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=felix001"></script>
于 2012-12-28T18:59:54.877 に答える