禁用默認工具提示

以下是工具提示腳本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>

來源

2012-07-10 varsha

我看不到任何理由將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 }) 
    }); 
});

注意，這是次優的，因爲它在each塊調用$(this)兩次，但應該是很容易解決。

來源

2012-07-10 11:03:18

喜斯科特，感謝您的即時答覆..我試着做你告訴我的事情......現在發生的事情是，當我第一次鼠標懸停圖像時，默認標題和工具提示都出現了。第二次，當我將鼠標懸停在同一圖像上時，標題也不顯示工具提示。 – varsha 2012-07-10 11:18:30

對不起，林es收集標題，並設置tipText也需要移出.hover分支並進入早期的每個部分。我會更新我的答案。 – 2012-07-10 11:23:38

非常感謝Scott！它正在按照我的要求工作...... – varsha 2012-07-10 12:10:29

我有一個簡單的解決方案來禁用IE或其他瀏覽器的左側/右側底部顯示的默認工具提示。 [如果您的默認提示是一樣的，我提到]

只寫一個簡單的JavaScript函數

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

調用這個函數在標籤一樣

<a id="204" name="wow" class="SettPage" href="" onclick="GoToLink()">

來源

2013-09-19 06:24:08

我想你已經誤解了這個問題。如果元素上有標題屬性，則不會禁用工具提示。這隻會阻止目標網址在狀態欄中顯示。 – Vincent 2016-08-10 16:49:52

禁用默認工具提示

回答

相關問題