0

私は自分のサイトで addthis ウィジェットを使用しています:

<!-- AddThis Button BEGIN --> 
<a class="addthis_button" href="http://www.addthis.com/bookmark.php?v=250&amp;username=abcdefg" rel="nofollow"> 
<img src="http://s7.addthis.com/static/btn/v2/lg-share-en.gif" width="188" height="24" alt="Bookmark and Share" style="border:0"/></a> 
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js"></script> 
<!-- AddThis Button END -->

現在、javascriptaddthis_widget.jsは、誰かが実際に共有ボタンを使用している場合にのみ役立ちます。毎回ロードするのではなく、誰かが共有ボタンをクリックしたときだけロードするようにするにはどうすればよいですか?

私はJavaScriptの初心者なので、いくつかのサンプルコードは大歓迎です:)

追加した：

ご想像のとおり、ページの読み込み時間/リクエスト数/データを削減しようとしているため、jquery やその他のライブラリの使用は避けたいと考えています。

ありがとう

4

2 に答える 2

2

簡単な答えは気にしないでください。

あなたが求めていることは可能であり、そこにはたくさんのスクリプトローダーツールがありますが、それは重要ではありません。そこでのスクリプトは、最初にクリックできるようにボタンを設定します。

誰かがボタンをクリックした場合にのみスクリプトをロードしたい場合は、次のことを行う必要があります。

  • 最初に独自のコードを追加してクリックを検出し、ブラウザがデフォルトのhrefにリダイレクトしないようにします
  • 次に、スクリプトをロードします。これにより、ユーザーに顕著な遅延が発生します。
  • 次に、そのスクリプトで正しい動作を呼び出します。スクリプトは外部のものであると思われるため、変更を加えずにそのように機能するようには設計されていない可能性があります。

これがあなたが探している答えではない場合は申し訳ありませんが、そのスクリプトが実際にいくつかの遅延を引き起こしていない限り、実際には気にしないでください:)。

（ただし、そのスクリプトを独自のJSファイルの最後に追加し、の最後に1つのスクリプトをロードすることはできます<body>）。

于 2011-01-20T11:11:02.013 に答える
0

簡単な解決策は、ユーザーがリンクをクリックしてサイトに配置したときにスクリプト タグを生成することです。jQuery などの外部ライブラリまたはフレームワークを使用して支援できますか?

于 2011-01-20T11:07:24.493 に答える