如何禁用javascript点击和工具提示。
您可以在此处查看问题http://www.vinderhimlen.dk/vind-rejse-deltag-i-konkurrencer-om-rejser
评级列不应显示工具提示或链接。
它贴在我的表格行上:
<tr class="thumbnail-item" onclick="window.open('<%= vind.tracking %>')" onmouseout="this.style.background='white';" onmouseover="this.style.background='#99ff33';this.style.cursor='pointer'">
我的工具提示脚本:
<script type="text/javascript">
$(document).ready(function () {
$('.thumbnail-item').mouseenter(function(e) {
x = e.pageX;
y = e.pageY;
$(this).css('z-index','15')
$(this).css('cursor', 'default')
$(this).find(".tiptip").css({'top': y,'left': x,'display':'block'});
}).mousemove(function(e) {
x = e.pageX;
y = e.pageY;
$(this).find(".tiptip").css({'top': y,'left': x});
}).mouseleave(function() {
$(this).css('z-index','1')
$(this).css('background', 'none')
$(this).css('color', '#000000')
$(this).find(".tiptip").animate({"opacity": "hide"},100);
});
});
</script>
答案 0 :(得分:0)
实际上很容易。为什么不直接处理<td></td>
标签中的onmouseover / out事件并将其留在评级栏中?
TR背景着色可以通过将伪类附加到tr标记或.thumbnail-item类来实现。
tr:hover
{
background-color: #99FF33;
}
答案 1 :(得分:0)
你应该禁止鼠标悬停事件冒泡。
我使用firebug运行以下脚本来实现结果。
$("#tabel1 tr td:nth-child(2):gt(0)")
.mouseover(
function(event)
{
event.preventDefault();
return false;
});
的 强> 编辑的 __ 强> 由于您的鼠标位于工具提示之上,因此效果不佳。将光标从工具提示中移开一点。
他是你计算鼠标点的地方
x = e.pageX;
y = e.pageY;
你可以这样做吗
x = e.pageX+3;
y = e.pageY+3;
在mousemove和mouseover的功能