Bootstrap 弹出窗口不显示 jQuery 加载前对文本输入所做的更改

Question

我有一个 bootstrap 2 站点，我希望在弹出窗口中显示一个简单的表单。

表单显示正确，但如果我在加载弹出框之前更改任何文本输入的 .val，则更改后的文本不会出现。

$('#txtOne').val('My New Text');
$('#txtTwo').val('My New Text');

$('.popover-markup>.trigger').popover({
    html: true,
    title: function () {
    return $(this).parent().find('.head').html();
},
content: function () {
    return $(this).parent().find('.content').html();
}
});

http://jsfiddle.net/dzr521qs/196/

弹出框中的文本输入应包含 "My New Text"，但它仍显示默认文本 "My Default Text"

我做错了什么？

Answer 1

jQuerys $(element).val() 不适用于不可见元素，即具有 display:none.

但您始终可以使用 attr() 设置不可见 <input> 的值：

$('#txtTwo').attr("value", "my all new text");

现在可以使用了 -> http://jsfiddle.net/k7dunxn4/

Bootstrap 弹出窗口不显示 jQuery 加载前对文本输入所做的更改

Bootstrap popover not showing jQuery text input changes made before loading

twitter-bootstrap

popover