Question

我正在尝试将Semantic's popup与流星一起使用

<a href="{{pathFor 'Movie_Info' _id=movie._id}}"><img src={{movie.HomePoster}} data-title="Title" data-content="Description"></a>


/*JS file*/
Template.Home_Page.events({

});

$('img')
    .popup({
      boundary: 'a',
    })
;

但是当我将鼠标悬停在图像上时，它没有显示弹出窗口...我在做什么错了？

Answer 1

在Blaze（Meteor的默认模板渲染引擎）中，您正在使用事件映射将事件附加到组件上。

模板：

class="popup-target"

请注意，我添加了Template.Home_Page.events({ 'mouseover .popup-target' (event, templateInstance) { // trigger popup using jquery here // event.currentTarget is the source of the event // in our case the image $(event.currentTarget).popup({ boundary: 'a', }) } });，它将用作事件监听器的选择器。

JS：

{{1}}

在此处了解更多信息

http://blazejs.org/api/templates.html#Event-Maps

流星弹出语义UI

1 个答案: