1

我正在学习 Coffeescript 并尝试将以下 JavaScript 代码转换为 Coffescript 并且(我认为)我快到了。主要是,我在将timerandpopover_parent变量设为全局时遇到了问题:

$('.some_element').popover(
  {
    delay: { show: 350, hide: 100 }       
  }
);
var timer,
    popover_parent;
function hidePopover(elem) {
    $(elem).popover('hide');
}
$('.some_element').hover(
    function() {
      var self = this;
      clearTimeout(timer);
      $('.popover').hide(); //Hide any open popovers on other elements.
      popover_parent = self
      $(self).popover('show');            
    }, 
    function() {
      var self = this;
      timer = setTimeout(function(){hidePopover(self)},300);                 
});
$('.popover').on({
  mouseover: function() {
    clearTimeout(timer);
  },
  mouseleave: function() {
    var self = this;
    timer = setTimeout(function(){hidePopover(popover_parent)},300); 
  }
});

这是我到目前为止所拥有的:

$ ->
  $('.some_element')
    .popover ->
      delay: {show:350, hide: 100}
$ ->
  hidePopover = (elem) ->
    $(elem).popover('hide')

  $('.some_element').hover(
    ->
      self = $(this)
      clearTimeout(timer)
      $('.popover').hide()
      popover_parent = self
      $(self).popover('show')
    ->
      self = $(this)
      timer = setTimeout(
        ->
          hidePopover(self) 300
      )
  )

$ ->
  $(document).on({
    mouseover: ->
      clearTimeout(timer)
    mouseleave: ->
      timer = setTimeout(
        ->
          hidePopover(popover_parent) 300
      )
  })

任何建议将不胜感激。

谢谢!

4

1 回答 1

2

我不确定你是否知道http://js2coffee.org,但如果它适用于你的代码,这是学习如何将 Javascript 转换为 Coffeescript 的一种非常快速的方法。我在开始喝咖啡时经常使用它。

当然,它也将咖啡编译为 js。

于 2013-01-08T19:58:37.853 回答