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”))){

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

解决方法

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

或者,以更简洁的方式

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

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

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

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

而已.

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

原文链接:https://www.f2er.com/js/155110.html

猜你在找的JavaScript相关文章