change placement bootstrap tooltip

Question

Я хочу сделать всплывающую подсказку из boostrap, когда выбрана опция выбора select tooltip в элементе 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

Методы plugstrap-бутстрапов принимают один аргумент, а не два. Этот метод называется:

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