我正在运行 Meteor 版本 [email protected]
我最近通过 Atmosphere 安装了一个社交媒体共享包。
meteor add ellisonleao:sharerjs.
还可以在以下位置找到有关该软件包的更多信息:http : //www.ellison.rocks/sharer.js/
我的模板事件处理程序如下所示:
Template.detail.events({
"click .sharer": function() {
//add new buttons with share behaviour
$('.postedImagesWell').append(<button class="sharer button" data-sharer="facebook" data-url="https://ellisonleao.github.io/sharer.js/">Share on Facebook</button>);
window.Sharer.init();
}
});
在代码中找到模板下方:
<template name="detail">
<div class="postedImagesWell">
<img class = "img-responsive img-rounded postedImages" id = "trial" src="{{this.photo.url}}" alt="thumbnail" >
</template>
当我运行时点击Share on Facebook
链接。我在浏览器中看到此错误消息:
Uncaught TypeError: Cannot read property 'init' of undefined
任何有关如何解决问题的帮助都会很棒!
提前致谢
您应该尝试此库的氛围页面上列出的其他存储库:https : //github.com/okmttdhr/sharer.npm.js
另外,我认为您不需要使用 jquery 附加共享按钮。只需将按钮添加到您的模板中,然后在单击侦听器上,而不是调用window.Sharer
,而是将event
参数添加到侦听器函数中,然后实例化一个新的共享器,如下所示:
import Sharer from 'sharer.npm.js';
// ...
Template.detail.events({
"click .sharer": function(event) {
const sharer = new Sharer(event.target);
sharer.share();
}
});
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句