更改放置引导程序工具提示

Question

我想使工具提示从boostrap，当输入选择已选择，所以工具提示显示在元素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'
            });
        }
    });

但是这段代码不能工作。你能帮帮我吗。请

Answer 1

bootstrap插件方法只接受一个参数，而不是两个。此方法调用：

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

是不正确的。相反，您应该保持更改时函数的方式，并调用：

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

设置工具提示选项(例如当文档准备就绪时)。

另一种可能更简单的替代方法是将data-position="right"添加到显示弹出窗口的元素中。

Answer 2

在html中：

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

在jquery中：

$(function(){
    $("[rel='tooltip']").tooltip();
});

Answer 3

这对我很有效

    $('.mytooltip').tooltip('destroy');
    $('.mytooltip').tooltip({ placement: 'right' });