ガイドに従って、私は ajax 経由で addthis を開始できますが、1 か所でしか機能しません。
例えば、
html インデックス ページ 'index.php',
<a href="#" class="load">click to load</a>
<div id="container"></div>
<p>addthis at the footer,</p>
<div class="addthis_toolbox addthis_default_style left addthis" style="border:0px solid #000; margin:20px 5px 0px 10px; width:300px;">
<a class="addthis_button_facebook_like" addthis:url="#" addthis:title="#" addthis:description="#" fb:like:layout="button_count" style="width:80px;"></a>
<a class="addthis_button_tweet" addthis:url="#>" addthis:title="#" addthis:description="#" style="width:100px;"></a>
<a class="addthis_button_google_plusone" g:plusone:size="medium" style="width:65px;"></a>
</div>
ajaxページに別のaddthisボタンがあります-「load.php」、
<p>it should have another addthis in this ajax loaded page,</p>
<a class="addthis_button_facebook" addthis:url="#" addthis:title="title" addthis:description="" href="http://www.addthis.com/bookmark.php?v=250&username=lauthiamkok"></a>
<a class="addthis_button_twitter" addthis:url="#" addthis:title="title" addthis:description="" href="http://www.addthis.com/bookmark.php?v=250&username=lauthiamkok"></a>
<a class="addthis_button_google_plusone" addthis:url="#" addthis:title="title" addthis:description="" href="http://www.addthis.com/bookmark.php?v=250&username=lauthiamkok"></a>
これは私のjqueryです。
$(document).ready(function(){
// the addthis buttons are loaded successfully here.
initAddThis();
$('.load').click(function(){
$('#container').load('load.php', function(){
// the addthis buttons fail to load here.
initAddThis();
});
return false;
});
});
function initAddThis()
{
addthis.init()
}
インデックスページでのみ発生し、ajaxページでは発生しません...どうすれば修正できますか?