如何在AddThis按钮上覆盖click事件

时间:2017-10-06 23:43:08

标签: jquery ajax facebook addthis facebook-share

我遇到了一个我无法解决的挑战。

AddThis提供了一个分享到Facebook的按钮。我的页面使用AJAX根据用户交互动态更改页面。我有工作代码将AddThis工具栏移动到适当的位置,并更新AddThis中的标题,图像和URL。

问题是AddThis使用明显过时的URL参数调用Facebook来传递标题,图像和URL。因此,Facebook没有看到任何parms,并且共享弹出窗口包含错误的数据。

我尝试过使用opengraph(og)标签,但Facebook似乎无法看到通过AJAX动态更新的更新og标签。

我发现Facebook API代码可以手动触发共享弹出窗口,效果很好。挑战是将该代码绑定到AddThis facebook按钮事件,而不是其他AddThis按钮,因此单击它会触发我的代码而不是AddThis代码。

查看Chrome开发者工具,看来点击率并没有被Facebook <a>按钮本身捕获,而是显示父div,因为我看到div#atstbx上的代码。

我可以使用jQuery('a[class="at-icon-wrapper at-share-btn at-svc-facebook"]')找到AddThis facebook按钮,但是向click()添加内容似乎没有做任何事情(可能因为它是<a> {1}}按钮)。因此,调用stopPropagation()并不起作用,因为click似乎没有被调用。

如何更改单击<a> facebook addthis按钮到我的代码时发生的事情?

我想我可以将div#atstbx上的回调更改为我自己的例程,检查点击了哪个按钮,然后根据需要调用原始函数或我的函数。但是,我不知道该怎么做。

提前谢谢! :)

P.S。我更喜欢使用动态AddThis工具栏而不是特定按钮,并在AddThis中对我自己的按钮进行硬编码。

0 个答案:

没有答案