Événements de backbone

Salut, je me demandais comment je gère la suppression de l'état pointé à l'aide de l'épine dorsale et js

actuellement, j'ai

events: {
  "hover .info"   : "hover"
},

hover:(e) =>
  $(e.currentTarget).css("background-color", "#333")

Je me demandais comment j'allais gérer l'événement où je bouge ma souris, loin de l'élément avec la classe .info

Si je ne standard de café script à l'intérieur de ce faire à l'intérieur de la hover: gestionnaire d'événement il nécessite 2 plane pour que cela fonctionne.

En gros, je veux imiter

$(".info").hover(
    function() {
       $(this).css("background-color", "#333")
    },
    function() {
       $(this).css("background-color", "#F3F")
    },
});

Grâce

source d'informationauteur coffeetime

  1. 22

    Il existe une version de hover() qui prend une fonction de rappel:

    Description: Lier à un seul gestionnaire pour les éléments qui correspondent, pour être exécuté lorsque le pointeur de la souris entre ou sort de la éléments.

    C'est la version de hover qui sera utilisée par la colonne vertébrale. De sorte que vous pourriez gérer cela avec toggleClass et quelques classes CSS au lieu de déconner avec le css:

    hover:(e) =>
  $(e.currentTarget).toggleClass('dark-gray')

    La valeur par défaut #F3F couleur serait fixé sur l'élément par défaut et que vous souhaitez avoir:

    .dark-gray {
  background-color: #333
}

    dans vos feuilles de style. Si vous ne pouvez pas pour une raison quelconque utilisation toggleClassvous auriez à se lier à mouseenter et mouseleave individuellement.

  2. 27

    De la jQuery docs:

    Appel $(selector).hover(handlerIn, handlerOut) est un raccourci pour:

    $(selector).mouseenter(handlerIn).mouseleave(handlerOut);

    Donc je pense que la meilleure façon de gérer cela avec la Dorsale est juste pour que deux événements (désolé, je ne crois pas en CoffeeScript):

    events: {
  "mouseenter .info"   : "hoverOn",
  "mouseleave .info"   : "hoverOff"
},

hoverOn: function(e) { ... },
hoverOff: function(e) { ... }

    Sinon, vous pouvez utiliser le seul argument de la syntaxequi prend une fonction et appelle à la fois dans et hors - cela fonctionne bien avec .toggle() et toggleClass().

  3. 5

    Dans cet exemple précis, cependant, vous devriez vraiment utiliser css :hover pseudo classe au lieu de jquery.

  4. 0

    Si ce n'est pas un lien d'action vous pouvez ensuite css suivant : pointer-events:none