0

我是新來的前端開發,我真的在尋求解決方案。Bootstrap 3 popovers不隨元素移動

基本上我在頁面中有這個輸入字段,並使用ajax驗證了每個字段。現在,如果輸入到元素的文本出現問題,我會從後端返回一個驗證錯誤,並讓前端顯示一個彈出窗口。我也有一個表格,將新字段添加到桌面頂端。

所以這個場景是一個彈出窗口已經顯示在表的第一行。每當將新行(動態)添加到表中時,彈出窗口應與附加到它的前一行(現在是表的第二行)一起進行。

預期結果: Popover應與第二行一起進行。

實際結果: 彈出窗口停留在第一行,告訴用戶第一行有驗證錯誤。

EDIT(代碼)

// 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:對不起,我的英語不好。

謝謝!

+0

護理表現出一定的代碼? –

+0

@ PM77-1編輯問題 – gone43v3r

回答

1

如果你想達到this,只需添加到您的輸入

rel="popover" 
+0

讓我嘗試一下。謝謝。 – gone43v3r

+0

有什麼好消息嗎? – paulalexandru

+0

其實,我試着更新你提供的小提琴,但對我的驚喜,它只適用於該組的HTML。我試了它到我們的項目代碼,它不起作用。那麼,唯一的區別是我們的輸入是在一個表內。 – gone43v3r