Question

我有这个代码。问题是点击时不执行按钮viewcart点击。按钮viewcart在popover里面。任何想法如何触发按钮单击视图的事件？

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/。

MeteorJS：在弹出窗口

1 个答案: