Question

如果禁用以下输入，如何删除Boostrap工具提示？

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

首先，我试图检测它是否有工具提示，但似乎无法正常工作。然后，将其设置为＆＃39;＆＃39;。

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

有什么想法吗？谢谢。

Answer 1

您必须检查是否已禁用属性的所有输入。但对于此解决方案，以下代码将起作用：

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

Answer 2

你必须先检查你的输入是否被禁用，然后返回标签以删除标题。

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

如何在禁用以下输入时删除工具提示

2 个答案: