如何在禁用以下輸入時刪除工具提示

如何禁用以下輸入時刪除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', ''});   
}

任何想法？謝謝。

來源

2016-12-02 Gene9y

你必須檢查你的輸入無效或不先，然後回到標籤去掉標題。

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

來源

2016-12-02 07:10:51 Anami

它改變了標題文本，但它沒有渲染改變的文本。我面臨的問題是，如果輸入被禁用，鼠標懸停在上方時必須更改或刪除工具提示的標題。 – Gene9y

@ Gene9y但我認爲如果我將標題設置爲空字符串，當您將鼠標懸停在該標籤上時，它不會顯示任何工具提示選項卡。反正我只是改變了我的答案，你可以用jquery removeAttr去除元素屬性 – Anami

謝謝大家。不知何故，我的工作是'數據原始標題'而不是'標題'。 – Gene9y

您必須檢查是否有禁用屬性的所有輸入。但對於這個解決方案下面的代碼將工作：

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

來源

2016-12-02 06:36:01

不，它不工作。它無法傳遞數據切換屬性，也不會將標題設置爲空。 – Gene9y

如何在禁用以下輸入時刪除工具提示

回答

相關問題