2007-06-18按钮将不会里面AJAX工作,但将正常工作(AddThis button will

2019-08-31 08:13发布

基本上,这是我在做什么。 用户访问网站,加载“的index.html”内的index.html,它自动加载,通过AJAX,“details.html”变成了DIV。 我把“details.html”的前页按钮。 然而,出于某种原因,翻车不起作用。

当我访问details.html在浏览器,翻车的作品。 我猜这是因为AJAX的?

<a class="addthis_button"  href="http://www.addthis.com/bookmark.php?v=250&amp;pub=xa-4adf7e45288f5b21">
<img src="http://s7.addthis.com/static/btn/sm-share-en.gif" width="83" height="16" alt="Bookmark and Share" style="border:0;margin-top:16px;"/></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pub=xa-4adf7e45288f5b21"></script>

Answer 1:

如果我没有理解你的问题,在AJAX功能的回调,结合翻车的附加此按钮。

 $.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(){
     $('.addthis_button').hover(
       function(){
         //do mouse over
       },function(){
         //do mouse out
     });
   }
 });

你也可以尝试

$('.addthis_button').live('mouseover',function(){//do mouseover});
$('.addthis_button').live('mouseout',function(){//do mouseout});

我从来没有现场使用,但看起来它会为你,因为你的add_this按钮的得到的$(document)。就绪之后创建工作()



Answer 2:

我最近跑中的问题与使用上的所有AJAX网站2007-06-18,并能拿出一对夫妇为这个问题的解决方案。

事实证明,在加载了AJAX脚本,以及一种方式,如果是DOM通过AJAX重新加载重新初始化脚本的时候,你可以通过一个变量。 我已经发布了详细的完整的解决方案在我的博客在这里:

http://joecurlee.com/2010/01/21/how-to-use-addthis-with-ajax-and-overflowauto/

简单地总结一下,将溶液加载2007-06-18与可变domready中= 1追加,并且通过删除初始载荷,然后动态重新加载脚本重新初始化脚本:

var script = 'http://s7.addthis.com/js/250/addthis_widget.js#domready=1';
if (window.addthis){
    window.addthis = null;
}
$.getScript( script );


Answer 3:

addthis.toolbox( “addthis_toolbox”);



Answer 4:

在跑了同样的问题,这解决了这个问题,我在所有的主流浏览器(IE6 +,FF,Safari在MAC / XP):

http://joecurlee.com/2010/01/21/how-to-use-addthis-with-ajax-and-overflowauto/comment-page-1/#comment-24



Answer 5:

这似乎是脚本正在调用的JavaScript的onLoad事件,并使用该Ajax调用实际上并不会触发该事件。 你可以尝试其他的“分享这个”窗口小部件?

像http://sharethis.com/#STS=g12m3ugh.21zb或预加载按钮?

你能发布更多一点点你在做什么故事?



Answer 6:

是details.html它自己的一个完全兼容的页面? HTML,身体,头部标签等?

如果是这样,我认为当你试图将其加载到另一个网页的东西可以得到一种扭曲。 我想要么改变details.html只包括您所需要的准系统标记 - 或 - 如果你需要它仍然是独立访问 - 你可以使用jQuery的AJAX调用后剥离出所需要的位,只注入部分。

Details.html

<html>
<head>
</head>
<body>
    <div id="details">
    The needy bits.......
    </div>
</body>
</html>

的index.html

$("#targetDivID").load("detail.html #details");


Answer 7:

.js文件的这段代码添加到您装入的html的。 替换“#atbutton”与您的按钮的选择。

addthis.button("#atbutton");


文章来源: AddThis button will not work inside AJAX, but will work normally