Question

我的这个功能完全适用于chrome和firefox（两者都在macOs上）。我在safari 10.03（macOs）中检查了它，它在mouseenter上激活但不在mouseleave上激活。

功能：

$(document).ready(function(){ 

$("#mazzo").on("mouseenter", ".pick", function() {
    var immagine = $(this).data('immagine');
    $("#anteprima").attr("src", immagine);
});
$("#mazzo").on("mouseleave", ".pick", function() {
    $("#anteprima").removeAttr("src");
console.log("Mouse out");
}); 
});

HTML：

<div id="peranteprima">
<img id="anteprima" src="immagini/void.png" alt="">
</img>
</div>

<div id="mazzo">
<div class="pick" id="0" data-immagine="immagini/12345.png">
<img src="immagini/pick.png" alt="immagine box" class="box">First pick
</div>
</div>

CSS：

#peranteprima {
position: relative;
margin-left: -213px;
}

#anteprima {
position: fixed;
bottom: 75%;
top: 0%;
max-width: 215px;
height: 322px;
z-index: 10;
}

我试过设置.attr（“src”，“”）但是safari上的行为是一样的。我也试过鼠标但没有运气。

mouseleave事件引用说：

Safari 7在许多不允许的情况下触发事件，使整个事件变得毫无用处。有关说明，请参阅错误470258 错误（它也存在于旧的Chrome版本中）。 Safari 8有正确的行为

我已经多次检查过这里和其他网站上的解决方案，但我发现现在只有未解决的问题或者什么都不符合我的问题。有一种方法可以让它适用于野生动物园吗？

mouseleave不会在Safari上触发

0 个答案: