Question

我的两个列表在我的页面上彼此相邻。列表项可以从一个列表拖动到另一个列表中，反之亦然（使用jquery.sortable）。列表项是一个模板，其中有一个按钮。按钮的单击事件使用Template.my-button.events方法定义。

当呈现页面时，如果我在列表项中单击此按钮，则事件会激活。但是，如果我将此列表项拖到相邻列表中，则不再触发事件。

有谁知道这是为什么和/或可以建议一种方法来规避这个问题？

Answer 1

可能 jquery.sortable 与Meteor事件跟踪器混淆。也许不是最优雅的方式，但可能的解决方法是在Template.page.onRendered()中通过经典JS添加eventListener。类似的东西：

Template.yourPage.onRendered(function() {
    document.getElementById("yourButtonId").addEventListener("click", function() {
       #your code
    });
})

如果模板在DOM中重新定位，Meteor模板事件是否会丢失？

1 个答案: