基本上,这是我在做什么。 用户访问网站,加载“的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&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>
如果我没有理解你的问题,在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)。就绪之后创建工作()
我最近跑中的问题与使用上的所有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 );
addthis.toolbox( “addthis_toolbox”);
在跑了同样的问题,这解决了这个问题,我在所有的主流浏览器(IE6 +,FF,Safari在MAC / XP):
http://joecurlee.com/2010/01/21/how-to-use-addthis-with-ajax-and-overflowauto/comment-page-1/#comment-24
这似乎是脚本正在调用的JavaScript的onLoad事件,并使用该Ajax调用实际上并不会触发该事件。 你可以尝试其他的“分享这个”窗口小部件?
像http://sharethis.com/#STS=g12m3ugh.21zb或预加载按钮?
你能发布更多一点点你在做什么故事?
是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");
.js文件的这段代码添加到您装入的html的。 替换“#atbutton”与您的按钮的选择。
addthis.button("#atbutton");