2

チェックボックスに焦点を合わせたときに、チェックボックス入力でブートストラップを作成したいので、メッセージを表示します。だからこれは私が作ったコードです：

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

私を助けてください。ありがとうございました ：）

4

1 に答える 1

2

シナリオのツールチップは、デフォルトでは、mouseenterでのみ表示され、mouseoutで非表示になる必要がありshowます。destroy

また、キーボードだけでなくマウスを使用するときにフォーカスが確実に得られるように、フォーカスイベントをクリックイベントにバインドする必要があります。

  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/

于 2013-01-20T14:00:14.270 に答える