jquery - 当 jquery 聚焦时，引导工具提示不起作用

Question

我想在复选框输入中进行引导，当关注复选框时会出现消息。所以这是我制作的代码：

html

<label class="checkbox inline"><input type="checkbox" class="centang-semua-faktur tooltip-atas" rel="tooltip"> <b>Cetak</b></label>

jQuery

    var $checkAllFaktur = $('.centang-semua-faktur');

    $checkAllFaktur.on('focus', function() {
        if ($(this).is(':checked')){
            $checkAllFaktur.attr('title', 'Hapus Centang Semua').tooltip();  
        }else{
            $checkAllFaktur.attr('title', 'Centang Semua').tooltip();  
        }
    });

请帮我。谢谢你 ：）

Answer 1

您需要show和destroy场景中的工具提示，默认情况下它们只会在 mouseenter 上显示并在 mouseout 上隐藏。

您还需要将焦点事件绑定到单击事件，以确保它在使用鼠标时获得焦点，而不仅仅是键盘。

  var $checkAllFaktur = $('.centang-semua-faktur');

$checkAllFaktur
.on('click', function() {
    $(this).trigger('focus')
})
.on('focus', function() {
    if ($(this).is(':checked')){
        $checkAllFaktur.attr('title', 'Hapus Centang Semua').tooltip('show');  
    }else{
        $checkAllFaktur.attr('title', 'Centang Semua').tooltip('show');  
    }
})
.on('blur', function(){
  $(this).tooltip('destroy');
});

工作示例：http: //jsfiddle.net/MgcDU/1398/