javascript - clearTimeout 不适用于未定义的弹出窗口变量

Question

好吧，我在users.js.coffee中有一些coffeescript，它在滚动用户名时运行twitter Bootstrap 弹出窗口(当前正在工作)现在我想要做的是使用超时来隐藏弹出窗口，如果用户未将鼠标悬停在弹出窗口上。

这是我的代码(当前抛出 Uncaught 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