簡體   English   中英

MeteorJS:在彈出窗口中不會觸發模板事件

[英]MeteorJS: Template event is not trigger when in popover

我有這個代碼。 問題是單擊時不執行按鈕viewcart單擊。 按鈕viewcart在彈出框內。 任何想法如何觸發按鈕單擊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()創建一個新元素,該元素不會附加到火焰中(不知道這是放置它的正確方法)。 我在谷歌地圖上遇到了同樣的問題。 彈出窗口放在DOM中的什么位置?

編輯:您可以做的一件事是代替以這種方式創建模板,只需將其渲染到某個地方並使其在需要時顯示。 您可以在這里https://github.com/yogiben/meteor-autoform-modals/中查看他們的操作方式。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM