включить / выключить заголовки, чтобы появляться при наведении курсора - PullRequest
Новая
       8

включить / выключить заголовки, чтобы появляться при наведении курсора

0 голосов
/ 25 октября 2018 
<div title='lorem ipsum'>blue sky</div>

По умолчанию заголовки отображаются при наведении указателя.

Возможно ли это переключить, например: 

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

Таким образом, они будут появляться при наведении курсора только , если они включены.

1 Ответ

0 голосов
/ 25 октября 2018

Чтобы скрыть 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>

Я сохраняю текст атрибута в атрибуте данных, а затем задаю фактический атрибут в зависимости от того, существует он уже или нет.

Измените логику в зависимости от необходимости.

...