Yammer 共享按钮未通过单击触发答案

【问题标题】：Yammer share button not firing with single clickYammer 共享按钮未通过单击触发
【发布时间】：2018-06-02 12:08:49
【问题描述】：

我正在尝试集成 Yammer 共享按钮https://developer.yammer.com/docs/share-button，我按照说明成功实施，但唯一的问题是第一次需要两次单击才能启动，后来单击似乎可以完成这项工作。这是下面的代码。

function clickSaveShare(){
  var options = {
    customButton : true, //false by default. Pass true if you are providing your own button to trigger the share popup
    classSelector: 'homeBtn',//if customButton is true, you must pass the css class name of your button (so we can bind the click event for you)
    defaultMessage: 'My custom Message', //optionally pass a message to prepopulate your post
    pageUrl: 'www.microsoft.com' //current browser url is used by default. You can pass your own url if you want to generate the OG object from a different URL.
  }; 
 yam.platform.yammerShare(options);
}

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

</head>
<body>
<span href="#" class="homeBtn" onclick="clickSaveShare(339,'Reverse KT')"> Click here to share</a>

<script>

</script>
<script type="text/javascript" src="https://s0.assets-yammer.com/assets/platform_social_buttons.min.js"></script>
<script type="text/javascript">yam.platform.yammerShare();</script>
</body>
</html>

【问题讨论】：

标签： yammer

【解决方案1】：

调用yam.platform.yammerShare() 实际上并没有将共享调用到 Yammer 函数，尽管它的名称。它的作用是将单击事件应用于指定的 DOM 元素，以便在单击该元素时出现 Yammer 弹出窗口。

你必须点击按钮两次的原因是第一次调用clickSaveShare，它调用了yam.platform.yammerShare()，它在指定的DOM元素上设置了一个点击事件。下次单击该按钮时，您的单击事件已被 Yammer 替换，因此它可以按预期工作。

考虑到您包含 jQuery，一种简单的修复方法是使用 jQuery 的 document.ready 事件：

$(document).ready(function() {
  var options = {
    customButton : true,
    classSelector: 'homeBtn',
    defaultMessage: 'My custom Message',
    pageUrl: 'www.microsoft.com'
  };

 yam.platform.yammerShare(options);
});

Here 是上面的 CodePen 示例。

【讨论】：