Bootstrap add tooltip to dropdown

Question

我想向Bootstrap添加工具提示，嘗試在互聯網上找到的所有解決方案 - 沒有任何幫助。這裏是我的下拉（我也使用字符串和JSTL標籤）：

<div class="btn-group" style="margin-bottom:5px; width: 100%;"> 
       <a id="tableNameButton" data-placement="bottom" title="Text" class="my-tooltip my-dropdown tableNameButton btn btn-default btn-block btn-select" data-toggle="dropdown" href="#">Select table <span class="caret"></span></a> 
       <form:input class="form-control" id="tableNameFormId" path="tableName" style="visibility: hidden; display: none;" /> 
       <ul id="tableName" class="dropdown-menu scrollable-menu"> 
        <c:forEach items="${databaseTables}" var="databaseTable"> 
          <li><a href="#">${databaseTable}</a></li> 
        </c:forEach> 
       </ul> 
    </div> 

，然後在JavaScript：

$('.my-dropdown').dropdown(); 
$('.my-dropdown').tooltip(); 

這個東西不起作用。 希望有人已經解決了這個問題，在此先感謝。

Answer 1

檢查您是否已正確鏈接所有內容幷包含bootstrap.js文件。我已經設置了的jsfiddle與您的代碼和工具提示的工作原理：

http://jsfiddle.net/shannabarnard/ueoxmm9v/

<div class="btn-group" style="margin-bottom:5px; width: 100%;"> 
    <a id="tableNameButton" data-placement="bottom" title="Text" class="my-tooltip my-dropdown tableNameButton btn btn-default btn-block btn-select" data-toggle="dropdown" href="#">Select table <span class="caret"></span></a> 

    <form:input class="form-control" id="tableNameFormId" path="tableName" style="visibility: hidden; display: none;" /> 
    <ul id="tableName" class="dropdown-menu scrollable-menu"> 
      <c:forEach items="${databaseTables}" var="databaseTable"> 
        <li><a href="#">${databaseTable}</a></li> 
      </c:forEach> 
    </ul> 
</div> 

JS

$('.my-dropdown').dropdown(); 
$('.my-dropdown').tooltip(); 

Answer 2

我想這是行不通的，因爲你沒有添加數據的屬性如數據切換和數據放置。嘗試添加它們，我認爲它會起作用。

見與工作示例小提琴：http://jsfiddle.net/h56xw8wq/1/

你應該有一個像

<li class="dropdown" id="example" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom" > ... </li> 

不便希望它會幫助你:)