【问题标题】:How to call .hover from Template.<template>.events api in coffeescript如何从 Coffeescript 中的 Template.<template>.events api 调用 .hover
【发布时间】:2015-03-20 16:16:30
【问题描述】:

在coffeescript中使用meteor的Template..events api时,如何注册.hover所需的两个函数?

我正在尝试以下方式:

Template.<template>.events
  'hover #elementID': (
     (ev) -> console.log 'hello world'
     (ev) -> console.log 'bye world'
   ) 

【问题讨论】:

    标签: jquery meteor coffeescript


    【解决方案1】:

    Saimeunt 是正确的,但如果您希望它与 .hover() 完全相同,则 jquery 使用 mouseenter 和 mouseleave 代替。所以应该是:

    Template.<template>.events
      "mouseenter #elementID": (event, template) ->
        console.log "mousehover", event
      "mouseleave #elementID": (event, template) ->
        console.log "mouseout", event

    【讨论】:

    • 我想看看是否可以在模板事件中直接调用 .hover ,因为通常可以在没有流星的情况下调用,但考虑到我的所有尝试以及我在这里找到的内容,似乎这是不可能,您必须直接使用 mouseenter 和 mouseleave 事件。无论如何都要为此投票。
    • 唯一接受的事件类型是:click、dblclick、focus、blur、change、mouseenter、mouseleave、mousedown、mouseup、keydown、keypress 和 keyup。所以我们错过了一些,但没有什么是我们无法解决的;)
    • 这对于那些不使用咖啡脚本的人来说也是有用的参考。谢谢尼克。
    【解决方案2】:

    正确的语法是这样的:

    Template.myTemplate.events
      "mouseover #elementID": (event, template) ->
        console.log "mousehover", event
      "mouseout #elementID": (event, template) ->
        console.log "mouseout", event
    

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-02-10
      • 1970-01-01
      • 2018-07-06
      • 2012-03-12
      • 1970-01-01
      • 2020-12-11
      • 1970-01-01
      相关资源
      最近更新 更多