1

我正在创建一个带有折叠面板的引导手风琴来保存表单输入。我试图在输入上方的折叠面板内创建一个工具提示以进行验证输出。

  • 提交按钮被按下它调用每个输入的 setTooltip 函数。
  • 标题面板（打开折叠内容）然后调用 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');
}
4

1 回答 1

0

我创建了一个示例 JSFiddle，其中我将引导工具提示与手风琴对象结合使用。

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

查询：

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

});
于 2015-05-01T13:24:55.013 回答