Javascript 如何在jquerydatatable上动态创建Bootstrap Popover

Javascript 如何在jquerydatatable上动态创建Bootstrap Popover,javascript,jquery,ajax,twitter-bootstrap,datatables,Javascript,Jquery,Ajax,Twitter Bootstrap,Datatables,因此,我有一个表,其中充满了来自ajax调用的数据。我只是使用与此类似的append来填充它: var table = //something //loop through ajax response objects table.append('<tr><td>' + ajaxAnswer[i].part1 + '</td><td>' + ajaxAnswer[i].part2 + '</td></tr>'); 现在我想

因此,我有一个表,其中充满了来自ajax调用的数据。我只是使用与此类似的append来填充它:

var table = //something

//loop through ajax response objects
table.append('<tr><td>' + ajaxAnswer[i].part1 + '</td><td>' + ajaxAnswer[i].part2 + '</td></tr>');
现在我想做的是,每当单击表中的一行时,都会出现一个弹出窗口。但是,popover将具有一些额外的数据(通过另一个ajax调用加载)。我已经有了jquery来捕获点击事件、进行调用和组装所有数据,但我似乎无法正确地实现popover。我尝试将其语法添加到我附加的每一行,如下所示:

table.append('<tr class="popover-dismiss" data-toggle="popover"><td>' + ajaxAnswer[i].part1 + '</td><td>' + ajaxAnswer[i].part2 + '</td></tr>');
然而,这似乎不起作用。可能是因为我没有看到任何特定的错误,所以popover被隐藏在我的datatable下面。所以现在我需要其他方法将其添加到行中,或者动态生成它们。同样,我省略了处理生成事件的jquery,因此如果我知道如何动态实例化它,我可以从那里抛出它。我好像错过了一些琐碎的事情。谢谢你的帮助

更新:


我偶然发现了这篇关于动态生成popover的帖子(经过多次谷歌搜索后,终于找到了相关的东西),这可能是我的问题。明天我回去工作时将进行测试。

这是我未来参考所需的答案(所有这些都在jquery函数中,用于处理我在行上的单击事件):

$(row)
是我正在设置popover的行对象,
blah
是我想要的内容(在本例中,一些组成html div,但您可以通过删除上面的
html:'true'
参数对文本执行相同操作)

在我以前的尝试中,我已经根据需要使用了content标签,但是我没有最后一行来实际切换popover。这样做不需要在我附加的行定义中添加任何内容


感谢我在原始帖子中链接的帖子,因为它指定了popover处理程序应该在哪里,也感谢这个帖子()因为我缺少了切换部分来驱动它。

只是对html和内容变量的一个小的更正
$(行)。popover({trigger:'focus',title:'yourtTitlHere',html:true,content:'blah',placement:'top'});
table.append('<tr class="popover-dismiss" data-toggle="popover"><td>' + ajaxAnswer[i].part1 + '</td><td>' + ajaxAnswer[i].part2 + '</td></tr>');
$('.popover-dismiss').popover({
    trigger: 'focus'
});
$(row).popover({
    trigger: 'focus',
    title: 'YourTitleHere',
    html: 'true',
    content: blah,
    placement: 'top'
});
$(row).popover("toggle");