2016-12-02 3 views
0

Как удалить всплывающую подсказку Boostrap, когда отключен следующий вход?Как удалить всплывающую подсказку, когда отключен следующий вход

<label class="label" data-toggle="tooltip" title="Test"> 
    <input type="checkbox" value="disabled" class="input" disabled> 
<label> 

Во-первых, я попытался определить, есть ли всплывающая подсказка, но кажется, что она не работает. И затем установите его в ''.

if($(this).is('[data-toggle="tooltip"]')) { 
    alert('tooltip'); 
    $('[data-toggle="tooltip"]').tooltip('title', ''});   
} 

Любая идея? Благодарю.

ответ

0

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

$(document).ready(function(){ 
 
      $(".label").hover(function() { 
 
       if($(this).children().attr('disabled')) { 
 
        $(this).attr('title','123'); /*just change 123 to empty '' then can remove your title */ 
 
       } 
 
       if($(this).attr('title')) $(this).removeAttr('title'); 
 
       /*<del>$('.showtitle').text($(this).attr('title'));*/ 
 
      }); 
 
     });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script> 
 
<label class="label" data-toggle="tooltip" title="Test"> 
 
     <input type="checkbox" value="disabled" class="input" disabled/> 
 
    </label> 
 

 
<label class="showtitle"></label>

+0

Он изменил текст заголовка, но не отображает измененный текст. Проблема, с которой я сталкиваюсь, заключается в том, что я должен изменить или удалить заголовок всплывающей подсказки, когда мышь зависает, если вход был отключен. – Gene9y

+0

@ Gene9y, но я думаю, что если бы я задал заголовок пустой строкой, то при наведении курсора на эту метку он не отображает вкладку всплывающих подсказок. в любом случае я просто изменяю свой ответ, вы можете использовать Jquery removeAttr для удаления атрибута элемента – Anami

+0

Спасибо всем. Почему-то моя работала с «data-original-title» вместо «title». – Gene9y

0

Вы должны проверить все входные данные с отключенным атрибутом или нет. но для этого решения следующий код будет работать:

$(document).ready(function(){ 
    $(".label").hover(function() { 
     if($(this).attr('data-toggle')=="tooltip") { 
      $(this).attr('title','');  
     } 
    }); 
}); 
<label class="label" data-toggle="tooltip" title="Test"> 
    <input type="checkbox" value="disabled" class="input" disabled/> 
</label> 
+0

Нет, это не работает. Он не может передать атрибут data-toggle и не задает значение null. – Gene9y