Question

我怎么能不断地保持这种状态。鼠标悬停只能运行一次，但我希望它能一直工作。

                  if (!self.options.overlapEventsSeparate) {
                    $(this).bind('mouseover.z-index', function() {
                        var $elem = $(this);
                        $.each(curGroup, function() {
                          $(this).css({'z-index': '1'});
                        });
                        $elem.css({'z-index': '3'});
                    });
                  }

谢谢！

Answer 1

目前尚不清楚你是否希望最顶层的div应该保留他们的命令，但是如果你只是想要获得最高端，你只需要创建一个巨大 z-index并在整个div中排列它...我很确定有更好的解决方案，但我现在能想到的是这样的：

$("div").on("mouseover",function(){ $(this).siblings(".z-front").removeClass("z-front").end().addClass("z-front"); });

您可以在此处查看工作示例：http://jsfiddle.net/rJUC6/3/

Answer 2

你可以增加z-index。

js（简明使用评论）

//initial
zIndexVal = 3;

//mouseover stuff
//z increases every time (: ensuring no matter where it is it's on top.
zindexVal++
//then set objects z

在大多数情况下，效果都很好。

喜欢这样：http://jsfiddle.net/QBsde/

jquery鼠标悬停事件

2 个答案: