Question

我正在使用JQM进行AJAX转换并从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导航，我尝试缓存页面，但是网址发生了变化，这对我来说也不起作用。还有其他选择让JS重新启用吗？感谢。

另一个更新

这让我发疯了。如果您在上面的链接上输入应用程序，一切都很好。请试试这个：

输入此处：http://19thway.com/cck/index.html
导航到食谱页面（一切都很好）
浏览食谱页面，然后使用后退按钮（小部件消失!!!）

有什么想法吗？

JQuery Mobile动态内容在回归时消失

0 个答案: