javascript – :hover会产生错误.我怎样才能解决这个问题?

前端之家收集整理的这篇文章主要介绍了javascript – :hover会产生错误.我怎样才能解决这个问题?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我注意到我在我的网站上的控制台中收到以下错误.

Error: Syntax error,unrecognized expression: unsupported pseudo: hover @ /wp-includes/js/jquery/jquery.js?ver=1.8.3:2

我发现错误是由于我的一个js文件中的这一行:

if(qactive == 0&&!($(‘#slider’).is(“:hover”))){

我可以用什么替代方法来写这条线以使错误消失?

解决方法

您只需要将元素绑定到几个事件.
  1. $("#slider").hover(
  2. function(){
  3. $(this).addClass('is-hover'); // you can use every class name you want of course
  4. },function(){
  5. $(this).removeClass('is-hover');
  6. }
  7. );

或者,以更简洁的方式

  1. $("#slider").hover(
  2. function(){
  3. $(this).toggleClass('is-hover'); // you can use every class name you want of course
  4. }
  5. );

这样,每次触发mouseenter事件时,都会向元素添加一个is-hover类,当触发mouseleave事件时,您将删除该类.

在if语句中,您只需要更改:

  1. if ( qactive == 0 && !($("#slider").hasClass('is-hover')) ) {

而已.

请注意,当然,您必须将此示例调整为您的代码.在这里,我只假设你需要什么,因为我看不到你的代码.

猜你在找的JavaScript相关文章