我们最近在网站上添加了一些jQuery弹出框。基本上,当鼠标悬停在脚本上时,脚本会弹出一个小样式的文本框。不幸的是,在IE9中,这会导致使用AJAX在页面上出现一些错误。除了这个脚本之外,网站的其他区域的代码与par相同,这让我相信这是问题所在。我看不出是什么导致IE 9和IE 8行为怪异。基本上AJAX正在引入不完整的数据。
我在开发人员工具中遇到的唯一错误是:
SEC7115 :: visit和:链接样式只能因颜色而异。一些 样式未应用于:已访问。 show_np
// nonprofit description in tooltip
jQuery('.bubbleInfo').each(function () {
if(jQuery.trim(jQuery(this).find('#dpop').html()) != ''){ // start
var totalHeight = jQuery(this).height();
var distance = 20;
var time = 250;
var hideDelay = 100;
var hideDelayTimer = null;
var beingShown = false;
var shown = false;
var trigger = jQuery('.trigger', this);
var info = jQuery('.popup', this).css('opacity', 0);
jQuery([trigger.get(0), info.get(0)]).mouseover(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
if (beingShown || shown) {
// don't trigger the animation again
return;
} else {
// reset position of info box
beingShown = true;
info.css({
top: (totalHeight+38),
left: -77,
display: 'block'
}).animate({
top: '-=' + distance + 'px',
opacity: 1
}, time, 'swing', function() {
beingShown = false;
shown = true;
});
}
return false;
}).mouseout(function () {
if (hideDelayTimer) clearTimeout(hideDelayTimer);
hideDelayTimer = setTimeout(function () {
hideDelayTimer = null;
info.animate({
top: '-=' + distance + 'px',
opacity: 0
}, time, 'swing', function () {
shown = false;
info.css('display', 'none');
});
}, hideDelay);
return false;
});
} // end