Jquery to jquery coffeescript обработка наведения курсора?

Question

[Nitrino]

Делаю изменение фона при неведении курсора на элемент, на чистом jquery это выглядит так:

$("li").hover(<br>
  // При наведении курсора<br>
  function () {<br>
    $("i",this).css("background-image", "url(assets/blue-icon.png)");<br>
  },<br>
  // При убирании курсора<br>
  function () {<br>
    $("i",this).css("background-image", "url(assets/white-icon.png)");<br>
  }<br>
);<br>

с использованием coffeescript наведение курсора обрабатываю вот так:

$("li").hover -><br>
  $("i",this).css("background-image", "url(assets/blue-icon.png)")<br>

как обработать вторую часть действия при убирании курсора?

Answer 1

[Miniwe]

$(«li»).hover (
-> $(«i», @).css «background-image», «url(assets/blue-icon.png)»
-> $(«i», @).css «background-image», «url(assets/white-icon.png)»
)
а еще есть js2coffee.org/

Comments

[Nitrino]

спасибо за ссылку, вот правильный вариант

  $("li").hover ( ->
    $("i", this).css "background-image", "url(assets/blue-icon.png)"
  ), ->
    $("i", this).css "background-image", "url(assets/white-icon.png)"

[vittore]

закрывающая скобочка не там у вас в правильном ответе

[vittore]

вот пример

[Nitrino]

Вариант который я указал правильный, из рабочего кода копировал.
В вашем примере после убирания курсора с кнопки цвет не меняется обратно

[Nitrino]

хммм, там в примере background-image вместо background-color, а так работает.
Вообщем оба варианта рабочие, но верхний изящней

[Nitrino]

Странно, но проверил рельсах, верхний вариант не работает…

Answer 2

[Defff]

В jQuery правильнее так:

$(document).ready(function(){
 $("li").mouseenter(function(){
      $( i,this).css({"background-image": "url(assets/blue-icon.png)"});
    }).mouseleave(function(){
      $( i,this).css({"background-image": "url(assets/white-icon.png)"});
    });
});

Hover — трясёт при наведении на краях

Answer 3

[Nitrino]

.