Question

我有包含行和3列的表，每行都有一个类搜索，在我的列中，我有一个锚标记（class =“testpopover”），我想要的是，将鼠标悬停在某个代码上时，Popover应显示在行级别的某些信息。

代码位

$('.testpopover').live('hover', function (e) {
    e.preventDefault();
    $('.search').popover({ 'trigger': 'hover', 'placement': 'bottom', 'container': 'body', 'html': true });
});

我期望的是，当用户将鼠标悬停在标签上时，它应该触发search弹出窗口，但最初发生的事情是，当悬停在任何表格行上时，popover不会出现，但是一旦我将鼠标悬停在任何行的标记上，{ {1}}开始出现在悬停任何表格行。（开始出现在行级而不是仅悬停在标记上）

有人可以指导我正确的方向，我可能会出错吗？

我尝试为我的问题创建一个小提琴，但不知道如何在其中导入bootstrap库。

我的表格结构如下所示

popover

Answer 1

<button class="popButton" id = "myPopover" rel="popover" data-toggle="popover" data-content="I'm a popover!">I do nothing!</button>
<button id = "myTrigger" data-src="#myPopover">Click me</button>

<script>
$('#myTrigger').click(function(){
  $($(this).data("src")).popover('toggle');
});
$(function() {
  $('.popButton').popover({
    trigger: "manual",
    placement: "top"
  });
});
</script>

代码编辑为远程触发器

与工作小提琴 http://jsfiddle.net/vEzDp/2

需要bootstrap Popover才能在<a> in table column</a>的表行级别上工作

1 个答案: