javascript - 用于 JS 动态条目的 Bootstrap 工具提示和弹出窗口

标签 javascript twitter-bootstrap popover

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/

相关文章:

jQuery添加类和删除类div动画

javascript - Bootstrap模态对话框按钮单击事件在模态打开时触发

javascript - Bootstrap popover 仅适用于按钮 - 不适用于 anchor 或跨度

xcode - Storyboard:使用委托(delegate)/协议(protocol)方法关闭 Popover

javascript - 调整窗口大小时刷新 Skrollr

javascript - Bootstrap 模态重叠

css - 调整大小和 HTML 视频

javascript - Twitter BootStrap 提交按钮仍然提交表单

Chrome 扩展程序的 Javascript 帮助

html - 图标弹出框(Angular 4+)