0

这是一个工具提示脚本，http://www.alessioatzeni.com/blog/simple-tooltip-with-jquery-only-text/。它适用于所有浏览器，但默认工具提示在 IE 中未禁用。

如何更新以下脚本以禁用默认工具提示？

<script type="text/javascript">
$(document).ready(function() {
   // Tooltip only Text
   $('.masterTooltip').hover(function(){
         // Hover over code
         var title = $(this).attr('title');
         $(this).data('tipText', title).removeAttr('title');
         $('<p class="tooltip"></p>').text(title).appendTo('body').fadeIn('slow');
    }, function() {
         // Hover out code
         $(this).attr('title', $(this).data('tipText'));
         $('.tooltip').remove();
    }).mousemove(function(e) {
          var mousex = e.pageX + 20; //Get X coordinates
          var mousey = e.pageY + 10; //Get Y coordinates
          $('.tooltip').css({ top: mousey, left: mousex })
    });
});
</script>
4

2 回答 2

2

我看不出有任何理由将title属性添加回模糊的元素中。您将其存储在 jQuery 元数据中。我的猜测是这就是为什么 IE 仍然显示它。删除线

        $(this).attr('title', $(this).data('tipText'));

看看是否可以解决它。

编辑：这错过了一些要求。这是未经测试的，但可能有效：

$(document).ready(function() {
    $('.masterTooltip').each(function() {
        var title = $(this).attr('title');
        $(this).data('tipText', title).removeAttr('title');
    }).hover(function(){
        $('<p class="tooltip"></p>')
        .text($(this).data('tipText'))
        .appendTo('body')
        .fadeIn('slow');
    }, function() {
        $('.tooltip').remove();
    }).mousemove(function(e) {
        var mousex = e.pageX + 20;
        var mousey = e.pageY + 10;
        $('.tooltip')
        .css({ top: mousey, left: mousex })
    });
});

请注意，这是次优的，因为它$(this)在块中调用了两次each，但这应该很容易修复。

于 2012-07-10T11:03:18.780 回答
0

我有一个简单的解决方案来禁用显示在 IE 或其他浏览器左/右底部的默认工具提示。[如果您的默认工具提示与我提到的相同]

只需编写一个简单的javascript函数

function GoToLink()
    {
        location.href = "mypage.htm";
    }

在标签中调用这个函数

<a id="204" name="wow" class="SettPage" href="" onclick="GoToLink()">
于 2013-09-19T06:24:08.027 回答