jquery打开焦点时引导工具提示不起作用

jquery打开焦点时引导工具提示不起作用,jquery,twitter-bootstrap,checkbox,Jquery,Twitter Bootstrap,Checkbox,我想在复选框输入中进行引导,当焦点集中在复选框上时显示消息。这就是我的代码: html 请帮帮我。谢谢:)您需要显示和销毁场景中的工具提示,默认情况下,它们只在鼠标上显示,在鼠标上隐藏 您还需要将焦点事件绑定到click事件,以确保它在使用鼠标而不仅仅是键盘时获得焦点 var $checkAllFaktur = $('.centang-semua-faktur'); $checkAllFaktur .on('click', function() { $(this).trigger(

我想在复选框输入中进行引导,当焦点集中在复选框上时显示消息。这就是我的代码:

html


请帮帮我。谢谢:)

您需要
显示
销毁
场景中的工具提示,默认情况下,它们只在鼠标上显示,在鼠标上隐藏

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

  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');
});
工作示例:

    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();  
        }
    });
  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');
});