Bootstrap 3 popovers不随元素一起移动

时间:2014-04-25 02:25:52

标签: javascript jquery html5 twitter-bootstrap-3 user-experience

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

基本上我在页面中有这个输入字段,并使用ajax验证每个字段。现在,如果输入到元素的文本有问题,我从后端返回验证错误,并让前端显示弹出窗口。我还有一个表格,它将新字段添加到表格的顶部。

所以场景是弹出窗口已经显示在表格的顶行。每当向表中添加(动态)新行时,弹出框应该与附加到它的前一行(现在是表的第二行)一起使用。

预期结果: Popover应该与第二行一起使用。

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

编辑(代码)

// JS Triggered by ajax success where validation error is returned
var $el = $("#email");
$el.popover({
  content: "Invalid value!",
  placement: 'top',
  container: 'body'
});

// html 
<tr>
  <td> <input id="email"  type="text" value="something*#@email.com"/> </td>
</tr>
PS:抱歉我的英语不好。

谢谢!

1 个答案:

答案 0 :(得分:1)

如果您想要实现this,只需将其添加到您的输入

即可
rel="popover"