Question

我在bootstrap选项卡上使用下面的脚本函数，我正在尝试将样式添加到最后一行来设置代码的text: 'Other Sections'部分的样式，我一直在环顾四周，但发现没有任何效果。< / p>

if(top.location != location){
    top.location.href = document.location.href;
}
$(function(){
    window.prettyPrint && prettyPrint();
    $('.nav-tabs:first').tabdrop();
    $('.nav-pills').tabdrop({text: 'Other Sections'});
});

Answer 1

您只需在text属性中注入HTML标记，就不需要其他黑客攻击。

例如，您可以使用以下内容将其设为斜体：

$('.nav-pills').tabdrop({
    text: '<i>Other Sections</i>'}
);

编辑（根据问题添加了示例代码）

<style>
    .myTabDrop {
        color: blue;
    }
    .myTabDrop:hover {
        color: red;
    }
</style>
<script type="text/javascript">
if(top.location != location){
    top.location.href = document.location.href;
}
$(function(){
    window.prettyPrint && prettyPrint();
    $('.nav-tabs:first').tabdrop();
    $('.nav-pills').tabdrop({text: '<span class="myTabDrop">Other Sections</span>'});
    $('.nav-pills .caret').attr('class', 'myTabDrop');
});
</script>

在函数中设置文本对象的样式

1 个答案: