jquery – 在引导式popover中使用交互式元素

前端之家收集整理的这篇文章主要介绍了jquery – 在引导式popover中使用交互式元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在链接点击成功使用引导弹出窗口。我在popover中有一些表单元素:一个文本框,复选框和一个按钮。我可以使用jquery.live()附加一个按钮监听器,但是在该按钮监听器中,我似乎没有访问正确的表单元素。如果我在控制台日志中跟踪它们,它们是否存在,但是它们的值始终保持原来的默认值,所以如果我去$(‘#txtComment’)。val();字符串总是相同的,不管我放在字段中。

有没有任何示例,教程或源代码,我可以看看在引导Popover中使用任何类型的交互性的东西?

这是我如何设置popover:

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
}

解决方法

语法更改。 Kalin C Ringkvist的答案需要稍加修改
var popover = this.commentLink.data('popover').tip();

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

猜你在找的jQuery相关文章