2

入力選択が選択されたときに、ツールチップが要素htmlに表示されるように、ブーストラップからツールチップを作成したい。そのコードを javascipt/jquery で作成しました。これはコードです：

    $('#pembayaran').on('change', function(){
        if($(this).val()=='GRATIS' && $('#keterangan').val()==''){
            $('#keterangan').attr('title', 'Keterangan wajib disi!').tooltip('show');
        }
    });

ツールチップの位置を右にしたい。

コードを試す

    $('#pembayaran').on('change', function(){
        if($(this).val()=='GRATIS' && $('#keterangan').val()==''){
            $('#keterangan').attr('title', 'Keterangan wajib disi!').tooltip('show', {
               placement: 'right'
            });
        }
    });

しかし、このコードは機能しません。手伝って頂けますか。お願いします

4

4 に答える 4

6

ブートストラップ プラグイン メソッドは、2 つではなく 1 つの引数を取ります。このメソッド呼び出し:

$('#keterangan').attr('title', 'Keterangan wajib disi!').tooltip('show', {
    placement: 'right'
});

間違っています。代わりに、変更時関数をそのままにして、次のように呼び出す必要があります。

$('#keterangan').tooltip({ placement: 'right' });

ツールチップ オプションを設定するには (ドキュメントの準備ができたときなど)。

もう 1 つの、おそらくより単純な代替手段はdata-position="right"、ポップアップが表示されている要素に追加することです。

于 2013-02-26T03:03:30.217 に答える
3

HTMLで：

<a href="sample.html" data-placement="right" rel="tooltip" title="This is a tooltip">Hover me!</a>

jqueryで：

$(function(){
    $("[rel='tooltip']").tooltip();
});
于 2013-03-07T07:35:48.763 に答える
2

これは私のために働いた

    $('.mytooltip').tooltip('destroy');
    $('.mytooltip').tooltip({ placement: 'right' });
于 2016-04-07T11:52:34.267 に答える