折叠div中的Bootstrap工具提示位置-Java 学习之路

我创建了一个带有折叠面板的自举手风琴，用于保持表格输入 . 我试图在输入上方的折叠面板内创建工具提示以进行验证输出 .

按下提交按钮，它调用每个输入的setTooltip函数 .
Headers 面板（打开折叠内容）然后调用displayTooltip .

问题：当面板从折叠状态打开时，所有工具提示都位于输入上方50px左右（需要折叠并打开以重新定位到正确的位置） .

任何人都可以建议一种方法来刷新折叠div内的工具提示或以某种方式重置其位置以纠正输入上方的位置？

编辑 - 提交和调用setTooltip并且div未折叠时，放置是正确的 .

function setTooltip(obj, value, pos) {
    options = {placement: pos, trigger: 'manual'}

    $(obj).tooltip(options)
            .attr('data-original-title', value)
            .tooltip('fixTitle');
}

function displayTooltip(obj) {
    options = {placement: "top", trigger: 'manual'}

    $(obj).tooltip(options).tooltip('show');
}

1 回答

0
我创建了一个示例JSFiddle，我将bootstrap工具提示与accordion对象结合使用 .

这是你想要的吗？ http://jsfiddle.net/dheLm7u6/

JQUERY：
```
$(function () {
    $('#buttonid').click(function()
    {
        if( !$('.test1').val() ) {
              $('[data-toggle="tooltip"]').tooltip('show');
        }
    });

});
```
回复于 2024-04-16T14:06:31+08:00

折叠div中的Bootstrap工具提示位置

1 回答

相关问题