jQuery.addClass không hoạt động

Question

Điều này có vẻ hợp lệ nhưng không hoạt động. Tôi muốn div 'huh' trở nên mờ đục khi menu bị lơ lửng. Tôi đã thử điều này với fadein/out và nó hoạt động nhưng chỉ một lần là lẻ.

<script type="text/javascript"> 
    $(function() { 
     $('#menuNav').hover(function() { 
      $('#huh').addClass('.opacity'); 
     }, function(){ 
      $('#huh').removeClass('.opacity'); 
     }); 
    }); 

</script> 

.opacity { 
    opacity: 0.3; 
} 

Answer 1

Sử dụng nó mà không có dấu chấm:

$(function(){ 

     $('#menuNav').hover(function(){ 

      $('#huh').addClass('opacity'); 
     }, function(){ 
      $('#huh').removeClass('opacity'); 
     }); 
    }); 

Answer 2

Hãy thử điều này

<script> 
    $(function(){ 
    $('#menuNav').hover(function(){ 
     $('#huh').addClass('opacity'); 
    }, function(){ 
     $('#huh').removeClass('opacity'); 
    }); 
}); 

</script> 

Answer 3

sử dụng này Di .

$('#huh').addClass('opacity'); // remove . 

$('#huh').removeClass('opacity'); // remove . 

=========== ===

Hoặc sử dụng để

toggleClass in jquery 

---

$(function(){ 

     $('#menuNav').hover(function(){ 
      $('#huh').toggleClass('opacity'); 
     }); 
    }); 

More about this

Answer 4

.hover() làm cho nhiều sự kiện, tốt hơn để sử dụng .mouseenter(). Lưu ý cũng rằng khi thêm lớp bạn không có . (dấu chấm).

$(function(){ 

     $('#menuNav').mouseenter(function(){ 

      $('#huh').addClass('opacity'); 
     }, function(){ 
      $('#huh').removeClass('opacity'); 
     }); 
    }); 

Answer 5

Bạn có một . tên lớp học của bạn trong addClass và removeClass, bạn cần phải thêm và loại bỏ mà không có dấu chấm khi gọi các phương pháp này. ví dụ:

$(function() { 
    $('#menuNav').hover(function(){ 
     $('#huh').addClass('opacity'); 
    }, function(){ 
     $('#huh').removeClass('opacity'); 
    }); 
}); 

Answer 6

. loại bỏ và sau đó sử dụng javascript này

$(function(){ 
    $('#menuNav').hover(function(){ 
     $('#huh').addClass('opacity'); 
    }, function(){ 
     $('#huh').removeClass('opacity'); 
    }); 
}); 

Answer 7

Hãy thử điều này

$("#menuNav").mouseenter(function() { 
    $('#huh').addClass('opacity'); 
}).mouseleave(function() { 
    $('#huh').removeClass('opacity'); 
}); 

Answer 8

$(function() { 
    $('#menuNav').hover(function() { 
     $('#huh').toggleClass('opacity'); 
    }); 
});