我想样式化(css)一些bootstrap-tooltip.js工具提示,而又不影响所有工具提示。我尝试了许多不同的解决方案,但最终我还是向触发工具提示的元素添加了一个类。

这是我尝试的:

$(function(){
  $("[id$=amount]").tooltip({
    trigger: 'manual',
    placement: 'right'
  }).addClass("test"); // <--- This does not help me. Class just ends up
});                    //      in the trigger element. Se html output
                       //      from firebug below...

但是然后,该类最终出现在触发工具提示的元素中:
<input
     id="list_wishes_attributes_0_amount"
     class="test"  <!-- The class I tried to add to the tooltip ended up here. -->
     type="text"
     tabindex="3"
     size="30"
     rel="tooltop"
     name="list[wishes_attributes][0][amount]"
     min="0"
     data-original-title="Only numbers please"
/>

如何为工具提示分配自定义类,而不是触发它的输入字段?

最佳答案

在Bootstrap 4之前:

$().tooltip({
  template: '<div class="tooltip CUSTOM-CLASS"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
})

bootstrap 4:
$().tooltip({
  template: '<div class="tooltip CUSTOM-CLASS" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>'
})

关于jquery - 将自定义类添加到工具提示,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13160357/

10-12 13:10
查看更多