Question

好的，所以我在users.js.coffee中有一些coffeescript，它在滚动用户名时运行一个twitter bootstrap popover（这当前正在工作）现在我想要做的是使用超时来隐藏popover如果用户不会将鼠标悬停在弹出窗口上。

这是我的代码（当前抛出未捕获的ReferenceError：在弹出框的滚动条上没有定义timeoutObj）我的问题显然是使用了timeoutObj变量，尽管它应该在mouseleave方法中设置？

$ ->
 timeoutObj = undefined
 $(".comment-user-name").popover({
   trigger: "manual"
   placement: 'top'
   template: '<div class="popover" onmouseover="clearTimeout(timeoutObj);$(this).mouseleave(function() {$(this).hide(); });"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
 })
 $(".comment-user-name").mouseenter((event, ui) ->
   $(".comment-user-name").popover('show') 
 )
 $(".comment-user-name").mouseleave((event, ui) ->
   timeoutObj = setTimeout (-> $(".comment-user-name").popover('hide') ), 3000
 )

Answer 1

这是正确的代码：

$ ->
      timeoutObj = null
      $(".comment-user-name").popover(
          {
          trigger  : "manual"
          placement: 'top'
          template : '<div class="popover"><div class="arrow"></div><div class="popover-inner"><h3 class="popover-title"></h3><div class="popover-content"><p></p></div></div></div>'
          }
      )

      $(".popover").onmouseover(
          (event, ui) ->
              clearTimeout(timeoutObj)
              $(this).mouseleave(-> $(this).hide())
      )
      $(".comment-user-name").mouseenter((event, ui) -> $(".comment-user-name").popover('show'))
      $(".comment-user-name").mouseleave((event, ui) -> timeoutObj = setTimeout (-> $(".comment-user-name").popover('hide') ), 3000)

您无法在'<div class="popover" onmouseover="...

中使用timeoutObj

clearTimeout不适用于popover变量undefined

1 个答案: