Bootstrap ajouter info-bulle pour déroulante
Je suis en train d'ajouter de l'info-bulle de Bootstrap, essayé toutes les solutions trouvées sur internet, rien n'y fait. Voici ma liste déroulante(je suis aussi à l'aide de Cordes et de balises 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>
Et sur le javascript:
$('.my-dropdown').dropdown();
$('.my-dropdown').tooltip();
Cette chose ne fonctionne pas.
J'espère que quelqu'un a déjà résolu ce problème, merci d'avance.
- Ne vous attachez jQuery, DOM prêt?
Vous devez vous connecter pour publier un commentaire.
Vérifiez que vous avez lié le tout correctement et inclus la bootstrap.js fichier. J'ai mis en place un JSFIDDLE avec votre code et l'info-bulle de travaux:
http://jsfiddle.net/shannabarnard/ueoxmm9v/
JS
Je suppose que ça ne fonctionne pas parce que vous n'avez pas à ajouter des attributs data-données-bascule de données et de placement. Essayez d'en ajouter, et je pense que ça va marcher.
Voir tripoter de travail exemple: http://jsfiddle.net/h56xw8wq/1/
Vous devriez avoir qch comme
Espère que ça va vous aider:)