0

当更改选择输入时,需要出现/更改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”设置为“无”。

这会导致问题吗?我不明白为什么它应该?

4

0 回答 0