在某些情况下,我需要一个不同的工具提示模板-或特定的类,以便我可以相应地调整样式。我尝试通过jquery定位他们:
$( document ).ready(function() {
if($('span[data-toggle="tooltip"]').hasClass('this-has-cclass')){
$('[data-toggle="tooltip"]').tooltip({
'template': '<div class="tooltip bs-tooltip-top cclass" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
});
}
else if(!($('span[data-toggle="tooltip"]').hasClass('large-img-container'))){
$('[data-toggle="tooltip"]').tooltip({
'template': '<div class="tooltip bs-tooltip-top" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
});
}
});
我想要实现的是,如果工具提示具有特定的类,则添加一个自定义类“ cclass”,在这种情况下为“ this-has-cclass”,否则我希望该模板不包含该类,即默认模板。
<span class="my-tooltip this-has-cclass" data-toggle="tooltip" data-placement="bottom" data-html="true" title="<div class='img-wrapper'><img src='...'/></div>"></span>