Bootstrap popover没有显示加载前进行的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/

弹出窗口中的文本输入应包含“我的新文本”，但它仍然显示默认文本“我的默认文本”

我做错了什么？

Answer 1

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

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

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

现在它有效 - ＆gt;的 http://jsfiddle.net/k7dunxn4/