【问题标题】:Bootstrap Pop Over not working after jQuery Post在 jQuery Post 之后,Bootstrap Popover 不起作用
【发布时间】:2024-01-02 09:26:01
【问题描述】:

我目前正在使用 jQuery post 在我的页面上对结果进行分页。在结果中,我限制了“详细信息”的长度,如果长度超过 49,它将显示一个跨度,当单击该跨度时,将显示一个包含所有详细信息的弹出窗口。

if (strlen($val['details']) > 49){
    $details = substr($val['details'], 0, 49);
    $more = "... <span style='cursor:pointer; position:relative; top:-3px;' data-content='{$val['details']}' class='label label-primary requestMore'>more</span>";
}
else{
    $details = $val['details'];
    $more = "";
    } 

jQuery 是

$(function() {
      $('.requestMore').popover({
        trigger:'click',
        placement:'left',
        html:true
      });  

这最初工作正常,但是,一旦我分页,不再显示弹出窗口。我了解它与 DOM 元素绑定有关,但我无法定制迄今为止找到的任何解决方案来解决此问题。

【问题讨论】:

    标签: javascript jquery twitter-bootstrap popover jquery-post


    【解决方案1】:

    更改页面后尝试再次应用popover。

          $('.requestMore').popover({
            trigger:'click',
            placement:'left',
            html:true
          });  
    

    【讨论】:

      最近更新 更多