AJAXトランジションでJQMを使用し、sharethisからソーシャル共有ボタンをロードしています。初期ロードでは問題ありません:
$( '#recipe' ).live( 'pageinit',function(event){
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = 'http://w.sharethis.com/button/buttons.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
var ss=document.getElementById("social");
ss.innerHTML="<script type=\"text/javascript\" src=\"http://w.sharethis.com/button/buttons.js\"></script><script type=\"text/javascript\">stLight.options({publisher: \"c06b6443-3837-4409-???????\"});</script><span class='st_pinterest_large' displayText='Pinterest'></span><span class='st_facebook_large' displayText='Facebook'></span><span class='st_twitter_large' displayText='Tweet'></span>";
});
このページから移動してネイティブの戻るボタンを使用すると、ソーシャル ボタンが表示されなくなります。JSがページに保持されていない理由はありますか? 助けてくれてありがとう
アップデート
提案どおりにページ表示を試みましたが、それでも同じ問題です。これが新しいJSです
$( '#recipe' ).live( 'pageshow',function(event){
var ga = document.createElement('script');
ga.src = 'http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-???????';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
var addthis_config = {"data_track_addressbar":true};
var soc=document.getElementById("social");
soc.innerHTML="<div class=\"addthis_toolbox addthis_default_style addthis_32x32_style\"><a class=\"addthis_button_preferred_1\"></a><a class=\"addthis_button_preferred_2\"></a><a class=\"addthis_button_preferred_3\"></a><a class=\"addthis_button_preferred_4\"></a><a class=\"addthis_button_compact\"></a><a class=\"addthis_counter addthis_bubble_style\"></a></div>";
});
問題を再現するには 1. URL: http://19thway.com/cck/recipe.php?id=2 (左上に ss ウィジェットが表示されます) 2. 左下の「材料を探す」をクリックします 3. 「戻る」をクリックします左上のボタン 4. SS ウィジェットはありません!!!
AJAXナビゲーションをオフにしたくないので、ページをキャッシュしようとしましたが、URLが変更されるため、うまくいきません。JS を再起動させる他のオプションはありますか? ありがとう。
別の更新
これは私を夢中にさせています。上記のリンクでアプリケーションを入力すれば、すべて問題ありません。これを試してください:
- ここに入力してください: http://19thway.com/cck/index.html
- レシピページに進みます(すべて問題ありません)
- 過去のレシピページに移動してから、戻るボタンを使用します (ウィジェットがなくなりました!!!)
何か案は?