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

Делаю изменение фона при неведении курсора на элемент, на чистом jquery это выглядит так:
$("li").hover(
  // При наведении курсора
  function () {
    $("i",this).css("background-image", "url(assets/blue-icon.png)");
  },
  // При убирании курсора
  function () {
    $("i",this).css("background-image", "url(assets/white-icon.png)");
  }
);

с использованием coffeescript наведение курсора обрабатываю вот так:
$("li").hover ->
  $("i",this).css("background-image", "url(assets/blue-icon.png)")

как обработать вторую часть действия при убирании курсора?
  • Вопрос задан
  • 5619 просмотров
Решения вопроса 1
jumbastic
@jumbastic
$(«li»).hover (
-> $(«i», @).css «background-image», «url(assets/blue-icon.png)»
-> $(«i», @).css «background-image», «url(assets/white-icon.png)»
)
а еще есть js2coffee.org/
Ответ написан
Пригласить эксперта
Ответы на вопрос 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 — трясёт при наведении на краях
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы