此代码在chrome中运行良好,但在IE9中,工具提示不会弹出。设计是当你将鼠标悬停在#ui-tooltip按钮上时,工具提示弹出500毫秒,然后如果你取消悬停,它将坚持500毫秒。它在IE9中什么都不做,在chrome中完美运行。
.js / jsp / html结合起来以简化
<script>
$(document).ready(function()
{
$('#ui-tooltip-<%=id%>').each(function()
{
$(this).qtip(
{
content: '<a href="#" class="qtip-link" onclick="javascript:window.parent.openNewTab(\'<%=fullLink%>\')">New tab - Click Here</a>',
position: {
my: "bottom center",
at: "top center",
adjust: {
y: 0,
x: 55
}
},
show: {
solo: false,
event: "mouseover",
delay: 500
},
hide: {
fixed: true,
event: "mouseleave",
delay: 500
},
style: {
padding: '5px 15px',
classes: 'ui-tooltip-rounded',
tip: {
corner: "bottom left",
offset: 25
}
}
});
});
});
</script>
<td>
<div class="form" style="border: 0px; padding-right: 0px;">
<b class="rtop tabButtonWidth">
<b class="rb1"></b>
<b class="rb2"></b>
<b class="rb3"></b>
<b class="rb4"></b>
</b>
<div class="rboxcontent"onclick="parent.location.href='[link]" id="ui-tooltip-button">
<div class="container center">
<a class="buttonLinks">Button Name</a>
</div>
</div>
<b class="rbottom tabButtonWidth">
<b class="rb4"></b>
<b class="rb3"></b>
<b class="rb2"></b>
<b class="rb1"></b>
</b>
</div>
</td>
谢谢!