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