我面临以下问题:
我正在使用一个显示有关悬停的其他信息的网站。悬停和显示内容的整个功能是通过JQuery完成的,除了Safari浏览器版本6之外,它在所有浏览器中都能很好地工作。特别是看起来display:block没有正确应用并且内容没有显示,即使我实际上可以看到我将鼠标悬停在控制台中的元素上时所做的更改。
这是执行更改的代码
function applyScriptIfNeeded(li) {
var parent = $('.jCarouselLite:not(.paging)');
$('.someClass', li).hover(function() {
var someItem = this;
var child = $('.serviceInfoWrapper', someItem);
var display = child.css('display');
child.css('display', 'block');
if (child.is(":visible")) {
if (!contains(parent, child)) {
child.css('display', display);
var pos = $(someItem).offset();
$(document).scroll(function() {
child.css('top', $(someItem).offset().top - $(window).scrollTop());
});
child.css( {
display: 'block',
position: 'fixed',
top: pos.top - $(window).scrollTop(),
left: pos.left - $(child).width() - 30 - $(window).scrollLeft()
});
}
}
},
function() {
var someItem = this;
var child = $('.serviceInfoWrapper', someItem);
child.css('display', 'none');
});
}
我应用此功能的HTML元素实际上只是一个简单的div,所以我不确定这些问题会是什么。
有人可以帮我吗?之前有没有其他人遇到Safari的这类问题?