javascript - meteor JS : Template event is not trigger when in popover

Question

我有这个代码。问题是按钮viewcart点击时点击不执行。按钮 View 购物车位于弹出窗口内。有什么想法如何触发按钮点击viewcart的事件吗？

header.jade

template(name="header")
  ul.nav.navbar-nav.navbar-right
    li
      button.btn.btn-info.cart(name="cart", type="button", data-container="body", data-toggle="popover", data-placement="buttom") Cart 
    #popover-content.hide
        +cart

header.coffee

Template.header.rendered = ->
  $('.cart').popover
    placement : 'bottom'
    html: true
    title: 'cart'
    content: ->
      $('#popover-content').html()
    return

cart.jade

template(name="cart") 
    table
        tr
         td
           button.viewcart  View Cart

cart.coffee

Template['cart'].events
  "click .viewcart": ->
      console.log 'im click!' 
      return

Answer 1

您正在使用此 $('#popover-content').html() 创建一个新元素，它不会附加到 blaze (不知道这是否是正确的放置方式)。我在谷歌地图上的弹出窗口中遇到了同样的问题。弹出窗口放置在 DOM 中的什么位置？

编辑:您可以做的一件事是不要以这种方式创建模板，只需将其呈现在某处并使其在您需要时出现。您可以在这里查看他们是如何做到的 https://github.com/yogiben/meteor-autoform-modals/ .