时间戳

首页 > 解决方案 > 打开/关闭在鼠标悬停时显示的标题

javascript - 打开/关闭在鼠标悬停时显示的标题

问题描述

<div title='lorem ipsum'>blue sky</div>

默认情况下，当指针悬停时会显示标题。

是否可以切换它，例如： 

$('#button').on('click', function(){
    if (something) {turn off titles;}
    else {turn on titles;}
})

因此，只有当它们打开时，它们才会出现在鼠标悬停上。

标签： javascripttitle

解决方案

要隐藏title，您将删除该属性。所以这样的事情会起作用：

$(document).ready(function(){
   $('.aButton').click(function(){
       var existingTitle = $('.titleDiv').attr('title');
       if(existingTitle){
           $('.titleDiv').removeAttr('title');
       }
       else{
           $('.titleDiv').attr('title', $('.titleDiv').data('title'));
       }
   });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<div class="titleDiv" data-title='lorem ipsum'>blue sky</div>
<button class="aButton">click me</button>

我将属性文本存储在数据属性中，然后根据它是否已经存在来设置实际属性。

根据需要更改逻辑。

推荐阅读