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

鼠标悬停/ out不起作用？或者边界不适用。

尝试使用萤火虫调试console.log(event.target);，以检查事件是否被触发。还请记住，如果元素已通过style属性（style="border:...;"）定义了边框样式，则该类将不会覆盖它，因为style属性更具体。

除非您使用!important指令，否则@aendrew在他的答案中提到。

Answer 2

你定义.myoutlineElement的CSS，你可以尝试添加的z-index声明，如：

... z-index: 99 !important;