覆盖jsSocials链接以执行自定义功能

时间:2019-03-06 00:28:00

标签: javascript jquery

我试图覆盖jsSocials附带的默认函数,以简单地执行我的自定义共享功能(允许更改Facebook元数据)

默认jsSocials HTML

<div class="jssocials-share jssocials-share-facebook"><a href="#" class="jssocials-share-link"><i class="fa fa-facebook jssocials-share-logo"></i><span class="jssocials-share-label">Share</span></a></div>

使用shareOverrideOGMeta的新共享功能

shareOverrideOGMeta(window.location.href, shareTitle, shareDesc, shareThumb);

看起来很简单,但这出于某些原因无法正常工作

$("div.jssocials-share-facebook *").on('click', function(e){
  e.stopPropagation();
  shareOverrideOGMeta(window.location.href, shareTitle, shareDesc, shareThumb);
  console.log("share should be overridden");
});

我如何才能以另一种方式进行这项工作,或者如果那么简单就解决我做错的事情?

注意:新共享代码已通过按键测试,并且运行良好。

1 个答案:

答案 0 :(得分:0)

我能够通过取消绑定click处理程序并重新绑定设置社交共享的功能来解决此问题。

  $(".jssocials-share-facebook *").unbind("click").on("click", function(e){
    e.stopPropagation();
    shareOverrideOGMeta(window.location.href, shareTitle, shareDesc, shareThumb);
  });