次の入力が無効になっているときにツールチップを削除する方法

Question

次の入力が無効になっている場合、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', ''});   
} 

ありがとう。

Answer 1

は、あなたの入力が無効になっているかどうか最初に、 して、タイトルを削除するために、バックラベルに行く確認する必要があります。

$(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>

Answer 2

属性を無効にしているかどうかを確認する必要があります。しかし、この解決のために次のコードは動作します：

$(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>