Javascript 折叠div内的引导工具提示位置
我正在创建一个带有折叠面板的引导手风琴来保存表单输入。我正在尝试在输入上方的折叠面板中创建工具提示以进行验证输出 按下Submit按钮,它将调用每个输入的setTooltip功能。 标题面板打开折叠内容,然后调用displayTooltip。 问题:当面板从折叠打开时,所有工具提示都位于输入上方约50px处,需要折叠并打开以重新放置到正确位置 有谁能建议一种方法来刷新折叠div中的工具提示,或者以某种方式将其位置重置为输入上方的正确位置 编辑-提交和调用setTooltip时位置正确,且div未折叠Javascript 折叠div内的引导工具提示位置,javascript,jquery,twitter-bootstrap,collapse,twitter-bootstrap-tooltip,Javascript,Jquery,Twitter Bootstrap,Collapse,Twitter Bootstrap Tooltip,我正在创建一个带有折叠面板的引导手风琴来保存表单输入。我正在尝试在输入上方的折叠面板中创建工具提示以进行验证输出 按下Submit按钮,它将调用每个输入的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');
}
我创建了一个示例JSFIDLE,其中结合使用引导工具提示和accordion对象 这是你想要的吗 JQUERY:
$(function () {
$('#buttonid').click(function()
{
if( !$('.test1').val() ) {
$('[data-toggle="tooltip"]').tooltip('show');
}
});
});
你能提供更多的代码吗?也许是一个秘密?若要实际查看您的问题,请执行以下操作?如果您可以包含html,或者更好地创建一个,我们将能够更好地为您提供帮助。我创建了一个,它似乎工作正常…我认为我们需要查看您的html。这与此类似…我目前正在尝试使用JSFIDLE重新创建我的设置,但尚未使用它b4+我的代码非常复杂!我的问题是,我从div外部的按钮设置工具提示,当div折叠时,这就是我遇到问题的时候!。这就是为什么我拆分显示并设置函数来尝试修复它。我尝试编辑您的小提琴以重新创建sympton,但没有任何效果。我喜欢你把测试分配给类的方式,我只是循环了所有表单输入,如果id匹配,我就运行验证!