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

Question

我注意到我在我的网站上的控制台中收到以下错误.

错误:语法错误,无法识别的表达式:unsupported pseudo:hover @ /wp-includes/js/jquery/jquery.js?ver=1.8.3:2

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

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

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

Answer 1

您只需要将元素绑定到几个事件.

$("#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')) ) {

而已.

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