2014-09-05 105 views
0

我有一個模式內的工具提示。如果展示位置僅爲left,則該展示有效,但文字被遮擋。然而,與auto left,我預計的位置自動重新定位,但它根本不顯示。引導工具提示自動放置不工作與模式

HTML工作:

<div id="modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Modal" aria-hidden="true"> 
    <div class="modal-dialog modal-sm"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <input id="inp" class="form-control" type="text" data-toggle="tooltip"> 
      </div> 
     </div> 
    </div> 
</div> 

JS:

$('#modal').modal() 

$('#inp').tooltip({ 
    'trigger': 'manual', 
    'placement': 'auto left', 
    'title': 'Hello there', 
    'viewport': 'body' 
}); 

$('#inp').tooltip('show'); 

回答

-1

您的代碼應該是這樣的:

<div id="modal" class="modal" tabindex="-1" role="dialog" aria-labelledby="Modal" aria-hidden="true"> 
<div class="modal-dialog modal-sm"> 
    <div class="modal-content"> 
     <div class="modal-body"> 
      <input id="inp" class="form-control" type="text" rel="tooltip" title="test Tool Tip"> 
     </div> 
    </div> 
</div> 

$('#modal').modal() 

$('#inp').tooltip(); 

這是工作。您只需在您的輸入中添加rel="tooltip"並添加標題。

+0

您錯過了展示位置。試着用'auto left'來看看它是否有效。工具提示「rel」不是必需的屬性。 – click 2014-09-05 08:12:59