javascript - Bootstrap add tooltip to dropdown -
I am trying to add tooltips to bootstrap, tried all the solutions found on the internet - nothing helps Here's my dropdown (I'm also using string and JSTL tag):
& lt; Div class = "btn-group" style = "margin-bottom: 5px; width: 100%;" & Gt; & Lt; An id = "tableNameButton" data-placement = "bottom" title = "text" class = "mine-tooltip mine-dropdown tableNameNumberBTN BTN-default BTN-block BTN-select" data-toggle = "dropdown" href = "# "& Gt; Select the table & lt; Span class = "caret" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; Form: Input class = "form-control" id = "tableNameFormId" path = "tagname" style = "visibility: hidden; display: none;" / & Gt; & Lt; Ul id = "tableName" class = "dropdown menu scroll-menus" & gt; & Lt; C: forEach item = "$ {databaseTables}" var = "databasetable" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; $ {Databasetable} & lt; / A & gt; & Lt; / Li & gt; & Lt; / C: foreach & gt; & Lt; / Ul & gt; & Lt; / Div & gt;
and on JavaScript:
$ ('.my-dropdown'). drop down (); . $ ('.my-dropdown') tooltip ();
This job does not work Hope that someone has already solved this problem, thanks in advance.
Check that you have added everything correctly and I have included JSFIDDLE with your code in Bootstrap.js file Is set up and Tooltip works:
& lt; Div class = "btn-group" style = "margin-bottom: 5px; width: 100%;" & gt; & Lt; An id = "tableNameButton" data-placement = "bottom" title = "text" class = "mine-tooltip mine-dropdown tableNameNumberBTN BTN-default BTN-block BTN-select" data-toggle = "dropdown" href = "# "& Gt; Select the table & lt; Span class = "caret" & gt; & Lt; / Span & gt; & Lt; / A & gt; & Lt; Form: Input class = "form-control" id = "tableNameFormId" path = "tagname" style = "visibility: hidden; display: none;" / & Gt; & Lt; Ul id = "tableName" class = "dropdown menu scroll-menus" & gt; & Lt; C: forEach item = "$ {databaseTables}" var = "databasetable" & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; $ {Databasetable} & lt; / A & gt; & Lt; / Li & gt; & Lt; / C: foreach & gt; & Lt; / Ul & gt; & Lt; / Div & gt;
JS
$ ('.my-dropdown'). drop down (); . $ ('.my-dropdown') tooltip ();
Comments
Post a Comment