懸停圖像時是否可以隱藏標題？

Question

這是我的代碼：

<img src="image.jpg" alt="" title="some title" />

當我懸停該圖像時，會出現“某個標題”。 有沒有可能被隱藏？

Answer 1

正如一些答案指出的那樣，這很容易完成，但是知道您想對標題做什么，我會使用 data-* 自定義屬性或使用 .data() 附加標題

<img src="image.jpg" alt="" data-title="some title" />

要么

$('img').data('title', 'some title');

Answer 2

刪除title屬性很簡單，但是“隱藏它”是不可能的（據我所知）； 為了刪除標題，以下應該有效，但目前尚未測試：

$('img').hover(
    function(){
        $(this).data('originalTitle',$(this).title());
        $(this).removeAttr('title');
    },
    function(){
        $(this).attr('title',$(this).data('originalTitle');
    });

在上面我選擇移動屬性，然后在鼠標移開時替換它。

要永久刪除title ：

$('img').removeAttr('title');

參考：

• attr() 。
• data() 。
• hover() 。
• removeAttr() 。

Answer 3

您可以將其移動到圖像數據...然后返回。 像那樣

$('img').hover(
  function () {
    $(this).data('title',$(this).attr('title')).removeAttr('title');
  }, 
  function () {
    $(this).attr('title',$(this).data('title'));
  }
);

Answer 4

如果只是懸停的問題，可以制作pointer-events: none; 在圖像上，它將解決問題。

Answer 5

是的！ 使用 jQuery，您可以在鼠標懸停時將其刪除並在鼠標移出時再次添加它 -

$(function(){
  var ttext;
  $('img').hover(function(){
    ttext = $(this).attr('title');
    $(this).removeAttr('title');
  },
  function(){
    $(this).attr('title', ttext);
  });
});

Answer 6

不，不是真的。 但是你可以用 JavaScript 替換它，或者把它留空。

jQuery 示例：

$('[title]').removeAttr('title');

Answer 7

有點搞笑的是，在 Stack Overflow 上，五個人可以同時給出相同的答案：P

$(function(){
    $('img').hover(function(){
        $(this).removeAttr('title');
    }, function(){
        $(this).attr('title','some title');
    });
});

Answer 8

我至少在 Chrome 上嘗試並使用 jQuery / jQuery UI 進行了一些工作：

1. 創建您想要（和不想要）擁有標題的對象。
2. 一旦所有這些項目都存在，添加一個工具提示。
3. 瀏覽您不希望工具提示以通常方式顯示的所有項目，並將工具提示設置為'' 。

我的代碼中的示例，發生在命名的 HTML 元素可用之后：

jQuery(document).tooltip();
for(var index = 0; index < sites.length; ++index) {
    jQuery('#' + sites[index][0]).attr('title', '');
}