私は Coffeescript を学んでおり、次の JavaScript コードを Coffescript に変換しようとしていますが、(私はそう思います)ほぼそこにいます。主に、timer
およびpopover_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
)
})
どんな提案でも大歓迎です。
ありがとう!