Jquery:鼠标悬停时突出显示在某些页面上不起作用

Question

在外部站点上测试此jquery代码(通过代理加载以绕过单一来源策略)，似乎有某些站点在鼠标悬停在预期的红色边框线上时不会出现。我怎样才能确保红色边框线总是出现在鼠标悬停在其他所有东西的上方？这可能是某些网站没有出现鼠标悬停时的突出显示，z索引或其他一些奇怪的东西可能导致了这个问题，但没有出现javascript错误。

$(document)
    .mouseover(function(event) {  
        if ($(event.target).parents('#myunique').length){ 
            event.preventDefault();
        }else{ 
        $(event.target).addClass('myoutlineElement');
        }
    })
    .mouseout(function(event) {
        if ($(event.target).parents('#myunique').length){  
            event.preventDefault();
        }else{      
        $(event.target).removeClass('myoutlineElement');  
        }
    })   

Answer 1

鼠标移到/移出不起作用？或者边框不被应用。

尝试使用firebug调试console.log(event.target);，以检查事件是否被触发。

还要记住，如果元素通过样式属性(style="border:...;")定义了边框样式，那么类将不会覆盖它，因为样式属性更具体。

除非您使用!important指令，正如@aendrew在他的回答中提到的那样。

Answer 2

在定义.myoutlineElement的CSS的地方，可以尝试添加一个z-index声明，如下所示：

... z-index: 99 !important;