Bootstrap 3 工具提示和弹出窗口在html代码中完美工作,但它似乎不适用于动态构建的条目。例如:
urlline += '<a href="' + this + '" target="_blank" ';
urlline += 'data-content="' + ircline + '" ';
urlline += 'data-placement="bottom" ';
urlline += 'data-container="body" ';
urlline += 'data-toggle="popover">';
urlline += this + '</a>';
在这种情况下,hover
在创建的链接上不会显示任何popover
。与 tooltips
相同的结果。
我有popover
初始化为$('[data-toggle="popover"]').popover({trigger: 'hover'});
它适用于现有的 HTML,但不适用于动态创建的条目。
我不是 JS 专家,所以我可能会遗漏一些东西,有什么提示吗?
最佳答案
您是否使用 jQuery 将 urlline 插入到 DOM 中,例如 $('#somelementID').html(urlline);
?
如果是,则使用 jquery 将该元素插入 DOM 后初始化 bootstrap popover/tooltip,使用 $('a#id').popover({trigger: 'hover'});
关于javascript - 用于 JS 动态条目的 Bootstrap 工具提示和弹出窗口,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23315573/