0

そのため、クリックすると 2 つの背景色が切り替わる要素があります。しかし、要素が選択されていないときは、ホバー時に背景色を変更 (および元に戻す) したいと考えています。トグル内で .on('hover') と .off('hover') を使用してみましたが、 .off() だけが機能するようです。

$('.element').hover(
  function() {
    $(this).css('background', '#e7f1f5');
  },
  function() {
    $(this).css('background', '#fff');
  }
);

$('.element').toggle(
  function( select ) {
    select.preventDefault();
    $(this).off('hover');
    $(this).css('background', '#f6f6f6');
    other.code();
  },
  function( unselect ) {
    unselect.preventDefault();
    $(this).on('hover');
    $(this).css('background', '#fff');
    other.code();
  }
);

「オン」に切り替えると、「ホバー」イベントはトリガーされなくなります (必要に応じて)。「オフ」に切り替えても、「ホバー」イベントはまだトリガーされません。

私は jQuery と StackOverflow にかなり慣れていないので、この質問が些細なことでしたら申し訳ありません。

ありがとう！

4

1 に答える 1

1

cssを使用します：

.element{
   background-color:#FFF;
}
.element.hover{
   background-color:#e7f1f5;
}

する代わりに$(this).off('hover');：

$(this).addClass('hover');

する代わりに$(this).on('hover');：

$(this).removeClass('hover');
于 2012-07-03T20:23:51.983 に答える