jquery if class 则悬停效果

Question

我有一个可以切换 class 的点击处理程序，还有一个可以改变背景颜色的悬停效果。如果 class 已切换，我想禁用悬停效果。

这是我目前的情况：

    $('#plan td.n').bind('click', function() {
    $(this).toggleClass('selected n');
});

$('#tblThings td.n').hover(function()
{
  if ( $( this ).hasClass( "selected" ) )
  {
          $( this ).css('background-color', '#63D3FF');
  }
};

非常感谢您的宝贵时间

Answer 1

您必须检查 class?

的相同元素

$('#plan td.n').on('click', function() {
    $(this).toggleClass('selected n');
});

$('#tblThings td.n').hover(function() {
    if ( $('#plan td.n').hasClass( "selected" ) ) {
        $( this ).css('background-color', '#63D3FF');
    }
});

jquery if class 则悬停效果

jquery if class then hover effect

javascript

css

jquery

hover

toggleclass