AddThis按钮在AJAX中将不起作用，但将正常工作

Question

基本上，这就是我正在做的。用户访问网站，加载“ index.html”在index.html中，它会通过AJAX自动将“ details.html”加载到DIV中。我在“ details.html”上添加了ADDTHIS按钮。但是，由于某些原因，翻转无法正常进行。

[当我在浏览器中访问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});

我从没使用过实时功能，但自从在$（document）.ready（）之后创建了add_this按钮以来，它似乎对您有用

Answer 2

我最近在所有AJAX网站上遇到了使用AddThis的问题，并且能够针对此问题提出一些解决方案。

Answer 3

addthis.toolbox（“。addthis_toolbox”）;

Answer 4

遇到同样的问题，这在所有主流浏览器（MAC / XP中的IE6 +，FF，Safari）中都为我解决了：

Answer 5

似乎脚本正在调用javascript的onLoad事件，并且使用此ajax调用实际上不会触发该事件。您可以尝试其他“共享此”小部件吗？

Answer 6

details.html本身就是一个完全合规的页面吗？ HTML，BODY，HEAD标记等？

Answer 7

将此.js片段添加到要加载的.html中。用按钮的选择器替换“ #atbutton”。

Answer 8

我有同样的问题。使用以下代码对其进行了修复。我希望也能为您修复它。