当更改选择输入时,需要出现/更改3个弹出窗口。其中两个弹出窗口正常工作。然而,第三个出现在它的元素所在的容器 div 的顶部。
<div id='tab2'>
<div id='leftcol'>
<label>for select</label>
<select>...</select>
<label>for select</label>
<select>...</select>
<div id="casestrengthpop" class="popholder" rel="popover" data-content="" data-html='true' data-placement='bottom'></div>
</div>
</div>
这些都不是上述选择,这表明弹出窗口不起作用。
$.post(url, function(json){
if (json != '[]'){
popdata = JSON.parse(json);
if(popdata.aol_info != ''){ $('#subaolpop').attr('data-content', popdata.aol_info).popover('show');}
if(popdata.asset_info != ''){ $('#subaolassetpop').attr('data-content', popdata.asset_info).popover('show');}
if(popdata.very_weak_case != ''){
var strStrength = '<b>Very Weak Case:</b> '+popdata.very_weak_case;
strStrength += '<br /><b>Weak Case:</b> '+popdata.weak_case;
...
$('#casestrengthpop').attr('data-content', strStrength).popover('show');
}
}else{
hideallpops();
console.log("No Popover data available");
}
});
这一切都创建了正确的数据,Popovers 显示,但 'casestrengthpop' 显示在 div 'leftcol' 的顶部,而不是它自己的 div 上。
我试图减少文本的数量,这样它绝对不会溢出 leftcol 的高度。
此弹出框与其他两个弹出框之间的唯一区别是它们的位置。它们位于不同的“选项卡”div 中,显示设置为“块”,此“选项卡2”设置为“无”。
这会导致问题吗?我不明白为什么它应该?