1

通过单击页面上的任何其他位置关闭菜单后，我注意到当控制台从回调日志记录时，document.body在我移动到另一个模板并触发相同的行为后，它将“记住”以前的事件侦听器。回调dismissMenu在下面找到。例如...

第一次：

你好

第二次：

你好你好

ETC....

我在这里做错了什么？

谢谢！

// named callback to dismiss menu so I can unbind later using $.off()
const dismissMenu = function() {
  console.log('hello')
  $('.js-dd').addClass('js-hidden')
  Session.set('menuOpen', false)
  $(document.body).off('click', dismissMenu)
}

Template.app_bar_expanded.onCreated(function() {
  this.stackId = FlowRouter.getParam('_id')

  // opening the menu will trigger the Session var to 'true'
  Tracker.autorun(function() {
    const menuIsOpen = Session.get('menuOpen')
    if( menuIsOpen ) {
      $(document.body).on('click', dismissMenu)
    }
  })
})

// Stem the event bleeding some...
// TODO get this .off() to actually work as you would expect.
Template.app_bar_expanded.onDestroyed(function(){
  $(document.body).off('click', dismissMenu)
})
4

0 回答 0