更改放置引導工具提示

我想從boostrap製作工具提示，當input select已選擇工具提示時顯示元素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' 
      }); 
     } 
    });

但是這個代碼不工作。你可以幫我嗎。請

來源

2013-02-26 ramadani

你能分享在HTTP全非工作代碼：//的jsfiddle。淨？順便說一下，這與Twitter Bootstrap無關。 – Victor 2013-02-26 02:34:54

@Victor這看起來是關於[bootstrap tooltip api]（http://twitter.github.com/bootstrap/javascript.html#tooltips）的問題，所以它與bootstrap有一點關係:) – 2013-02-26 03:05:03

@ZaidCrouch ，對不起，錯過了'tooltip'。：P – Victor 2013-02-26 08:24:08

引導程序插件方法只有一個參數，而不是兩個。此方法調用：

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

不正確。相反，你應該保持在變化的功能，你有它的方式，並呼籲：

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

較早成立的提示選項（例如，當文檔準備好）。

另一種可能更簡單的替代方法是將data-position="right"添加到顯示彈出窗口的元素。

來源

2013-02-26 03:03:30

謝謝@Zaid克勞奇先生！像魅力一樣工作。 – 2014-03-01 22:14:16

在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-07 07:35:48 cfz

這爲我工作

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

來源

2016-04-07 11:52:34 ShAkKiR

這工作正常，爲什麼投票？ – ShAkKiR 2016-08-24 06:24:10

我使用Bootstrap v3.3.6並且工作正常:) – 2017-09-24 06:52:14

謝謝，這對我有幫助，因爲我在** bottom **位置的許多地方使用'tooltip'，並且我想在某些情況下將位置更改爲* * top **，例如'table tr：last-child td a'在帶滾動的網格中。 – 2018-01-18 06:13:07

更改放置引導工具提示

回答

相關問題