我有一个侧边栏,看起来有点像这个网站的侧边栏:http://scotch.io/
如果您将鼠标悬停在教程上,它会展开带有可供选择的元素菜单的元素。
我想要做的是获取它,这样如果我单击其中一个元素,它就会显示一个漂亮的弹出框,而不是展开整个侧边栏。一些可以缓和的东西,但如果它只是出现也很好。
我查看了 bootstrap 3 弹出窗口,但它似乎只适用于按钮,我正在使用的是我的列表元素之一:
<li class="sidebar-available-rooms" data-container="body">
<a class="fa fa-comments" id="sidebar-icon-comments" data-toggle="popover" data-placement="right"></a>
<span class="sidebar-text" id="sidebar-available-rooms-text">Available Rooms</span>
</li>
我将能够单击它并以最简单的形式在元素右侧获得一个弹出窗口。
谢谢
最佳答案
使用一小段 jQuery,它也适用于链接。
$("[data-toggle=popover]").popover({html:true})
检查这个 fiddle :http://jsfiddle.net/HsZ9q/5/
关于javascript - Bootstrap 可扩展侧边栏元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25085700/