3

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 を再起動させる他のオプションはありますか? ありがとう。

別の更新

これは私を夢中にさせています。上記のリンクでアプリケーションを入力すれば、すべて問題ありません。これを試してください:

  1. ここに入力してください: http://19thway.com/cck/index.html
  2. レシピページに進みます(すべて問題ありません)
  3. 過去のレシピページに移動してから、戻るボタンを使用します (ウィジェットがなくなりました!!!)

何か案は?

4

0 に答える 0