jquery - 在 Bootstrap 弹出窗口中使用交互元素

Question

我成功地在链接点击上使用了 Bootstrap 弹出窗口。我在弹出窗口中有一些表单元素:文本字段、复选框和按钮。我可以使用 jquery.live() 附加按钮监听器，但在该按钮监听器内我似乎无法访问正确的表单元素。如果我在控制台日志中跟踪它们，它们就存在，但它们的值始终保持原始默认值，所以如果我转到 $('#txtComment').val();无论我在字段中输入什么内容，字符串始终相同。

是否有任何示例、教程或源代码可供我查看在 Bootstrap 弹出窗口中使用任何类型的交互性的内容？

这就是我设置弹出窗口的方式:

this.commentLink.popover({
  trigger: 'manual',
  placement: 'right',
  html : true,
  content: function () {
    return $('#commentPopout').html();
  }
}).popover('hide');

//jquery.on won't work here so we use live
$('#btnSubmitComment').live('click', this.proxy(this.commentSubmitClick));

然后我这样做是为了成功地展示它:

this.commentLink.popover('show');

这是按钮点击功能:

commentSubmitClick: function(e){
  console.log($('#txtComment').val());//always shows default text regardless of what I've actually typed in the field
}

Answer 1

语法已更改。 Kalin C Ringkvist的答案需要稍微修改一下:

var popover = this.commentLink.data('popover').tip();

请注意方法 tip() 而不是 $tip。