Twitter bootstrap Bootstrap Popover:反转标题和内容
我无法使用引导工具提示,因为我的站点上存在JS冲突。但是爆米花很管用。所以我试着用Popover做一些类似于工具提示的事情。 我想使用HTML元素的“title”标记在Popover内容中使用,并将标题定义为默认值 我的实际代码Twitter bootstrap Bootstrap Popover:反转标题和内容,twitter-bootstrap,popover,Twitter Bootstrap,Popover,我无法使用引导工具提示,因为我的站点上存在JS冲突。但是爆米花很管用。所以我试着用Popover做一些类似于工具提示的事情。 我想使用HTML元素的“title”标记在Popover内容中使用,并将标题定义为默认值 我的实际代码 <button type="button" class="btn btn-lg btn-danger hasTooltip" title="test de popover" >Click to toggle tooltip</button> &l
<button type="button" class="btn btn-lg btn-danger hasTooltip" title="test de popover" >Click to toggle tooltip</button>
<script type="text/javascript">
!function ($) {
$(function(){
// tooltip demo
$(".hasTooltip").popover({
content: function() {
return "TITLE";
},
title:'Info',
trigger: "hover",
placement: "bottom"
});
})
}(window.jQuery)
</script>
单击以切换工具提示
!函数($){
$(函数(){
//工具提示演示
$(“.hasTooltip”).popover({
内容:函数(){
返回“标题”;
},
标题:"信息",,
触发器:“悬停”,
位置:“底部”
});
})
}(window.jQuery)
你知道我该怎么做吗?试试这个:
使用“模板”
您可以根据自己的意愿进行更改
根据您的要求:
将类更改为class=“popover title”
$('.hasTooltip').popover({'template':''});
$('.hasTooltip').popover({ 'template': '<div class="popover" role="tooltip"><div class="arrow"></div><div class="popover-title"></div></div>' });