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

标签 javascript jquery node.js twitter-bootstrap meteor

我有这个代码。问题是按钮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

最佳答案

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

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

关于javascript - meteor JS : Template event is not trigger when in popover,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29795428/

相关文章:

javascript - 如何创建类似俄罗斯套娃的 z-index 堆叠

javascript - 如何验证表单 Either 或 OR 中的单选按钮字段?

javascript - 使用 Javascript 从 url 参数获取变量

javascript - CkEditor 从 "text/css"标签中删除 "style"内容

javascript - 如何同步两个div的滚动位置?

php - 如何使用 jQuery 查找具有特定类名的每个下一个元素?

angularjs - $location.search 不起作用 - Angular 1.6.4

html - 使用 socket.io/node.js 在网页上显示流式推特

node.js - 使用 begin_with 查询 dynamodb

asp.net - 从 Asp.Net 的代码隐藏控制 Lightbox(模态)