CODE

 $('.reveal').on('click', function(e) {
                var $that = $(this);

                e.preventDefault();
                ShowLoader();
                var link = $(this).attr('href');
                $('.page').load(link, function() {
                    HideLoader(); // this puts it in the load callback, so that this stuff
                    $that.show(); // happens when the load is complete
                });
                $('#leftmenu').css('width', '70px');
                $('#leftmenu').css('position', 'fixed');
                                    $("#leftmenu b,li ul").hide();
                $('li').unbind('click');
            });

要删除悬停效果我添加$('#leftmenu').removeEffect(":hover");但是doest有效

我需要在点击功能

后禁用div的悬停效果

需要停用此css功能 #leftmenuidfrmslt li:hover{color:red;background-color:#ffff66;}

Answer 1

两件事。首先，removeEffect不是内置的jQuery方法。这可能是您收到错误的原因。

其次，如果你想删除CSS :hover效果，你必须在CSS中定义你的样式，然后在你的JS中添加/删除一个类。

<强> CSS

#leftmenu:hover {
  background: yellow;
  font-weight: bold;
}

/* cancel out your :hover styles */
#leftmenu.no-hover {
  background: transparent;
  font-weight: normal;
}

<强> JS

$("#leftmenu").addClass("no-hover");

Answer 2

您可以使用：

$('#leftmenu').off('hover');

或

$('#leftmenu').unbind('mouseenter mouseleave');

Answer 3

你试过.toggle（）？

Jquery docs

ERROR在单击功能后禁用jquery中的悬停效果

CODE

3 个答案: