0

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

这是我的代码（当前抛出 Uncaught ReferenceError: timeoutObj is not defined on scrollover of the popover）我的问题显然与 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
 )
4

1 回答 1

2

这是正确的代码：

$ ->
      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)

您不能在中使用 timeoutObj'<div class="popover" onmouseover="...

于 2012-09-17T14:26:14.293 回答