Javascript Bootstrap 3弹出框不随元素移动

Javascript Bootstrap 3弹出框不随元素移动,javascript,jquery,html,twitter-bootstrap-3,user-experience,Javascript,Jquery,Html,Twitter Bootstrap 3,User Experience,我是前端开发新手,我真的在寻找解决方案 基本上,我在页面中有这些输入字段,并使用ajax对它们进行了验证。现在,如果输入到元素的文本有问题,我从后端返回一个验证错误,让前端显示一个弹出框。我还有一个表单,可以在表的顶部预先添加新字段 因此,该场景是一个popover,它已经显示在表的顶行中。无论何时(动态地)向表中添加新行,popover都应该与附加到它的前一行(现在是表的第二行)一起使用 预期结果: 爆米花应该和第二排一起穿 实际结果: popover停留在第一行,告诉用户第一行有验证错误 编

我是前端开发新手,我真的在寻找解决方案

基本上,我在页面中有这些输入字段,并使用ajax对它们进行了验证。现在,如果输入到元素的文本有问题,我从后端返回一个验证错误,让前端显示一个弹出框。我还有一个表单,可以在表的顶部预先添加新字段

因此,该场景是一个popover,它已经显示在表的顶行中。无论何时(动态地)向表中添加新行,popover都应该与附加到它的前一行(现在是表的第二行)一起使用

预期结果: 爆米花应该和第二排一起穿

实际结果: popover停留在第一行,告诉用户第一行有验证错误

编辑(代码)

//ajax成功触发JS,返回验证错误
var$el=$(“电子邮件”);
$el.popover({
内容:“无效值!”,
位置:'顶部',
容器:“主体”
});
//html
PS:对不起,我的英语不好

谢谢

如果您想实现,只需将其添加到您的输入中即可

rel="popover"

想显示一些代码吗?@PM77-1编辑了这个问题嗨,实际上,我试着更新你给我的小提琴,但让我惊讶的是,它只对那组html有效。我尝试了我们的项目代码,但它不工作。好的,唯一的区别是我们的输入在一个表中。我建议您使用我的基本JSFIDLE,逐行添加html,同时测试它,直到您看到它不再工作为止。然后你就会知道问题是从哪里来的。您的代码中可能有一些错误。无论如何,对于你的问题没有其他解决方案,这是解决方案,我向你展示了它的工作原理,从现在起取决于你检查你的代码错误。是的,你的解决方案工作了。我本想对你的答案投赞成票,但由于缺乏信誉,我现在不能。但是无论如何,谢谢!没问题。当Answare很好时,你可以做两件事。要么投赞成票,要么打好分数。选票下面有一个复选标记。
rel="popover"