Bootstrap 4工具提示-多个工具提示上的不同模板

时间:2019-05-09 13:13:04

标签: javascript jquery html css

在某些情况下,我需要一个不同的工具提示模板-或特定的类,以便我可以相应地调整样式。我尝试通过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>

0 个答案:

没有答案