Javascript帮助禁用列链接和工具提示

时间:2011-04-14 11:59:19

标签: javascript jquery html

如何禁用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>

2 个答案:

答案 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的功能