jquery如果类然后悬停效果

时间:2016-02-20 20:59:09

标签: javascript jquery css hover toggleclass

我有一个切换类的点击处理程序,以及一个改变背景颜色的悬停效果。 如果已经切换了类,我想禁用悬停效果。

这是我到目前为止所拥有的:

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

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

非常感谢你的时间

1 个答案:

答案 0 :(得分:2)

您必须检查班级的相同元素吗?

$('#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');
    }
});