Javascript 动态生成内容上的bootstrap 3 popover不起作用
我正在尝试在动态生成的内容上启用Bootstrap3弹出窗口。我查看了其他帖子,了解他们是如何工作的,但我很难理解为什么这样做行不通Javascript 动态生成内容上的bootstrap 3 popover不起作用,javascript,jquery,twitter-bootstrap,Javascript,Jquery,Twitter Bootstrap,我正在尝试在动态生成的内容上启用Bootstrap3弹出窗口。我查看了其他帖子,了解他们是如何工作的,但我很难理解为什么这样做行不通 $(document).on('click','[data-toggle="popover"]', function(){ $(this).popover({ content: _popovercontent, title:'Assignee', html:true }); }); 我似乎看不到Firebug中有任何错误,但有什么原
$(document).on('click','[data-toggle="popover"]', function(){
$(this).popover({
content: _popovercontent,
title:'Assignee',
html:true
});
});
我似乎看不到Firebug中有任何错误,但有什么原因使我无法在被调用时将其附加到事件中吗?对于第一次单击,您需要手动显示弹出窗口
var\u popover content='这是popover';
$(文档)。在('click','data toggle=“popover”]”上,函数(){
var$this=$(this);
//如果尚未初始化
if(!$this.data('bs.popover')){
$this.popover({
内容:_popcovercontent,
标题:“受让人”,
html:对
}).popover(“show”);
}
});
$(“按钮”)。单击(函数(){
$('#ct')。追加('')
})
添加
对于第一次单击,您需要手动显示弹出框
var\u popover content='这是popover';
$(文档)。在('click','data toggle=“popover”]”上,函数(){
var$this=$(this);
//如果尚未初始化
if(!$this.data('bs.popover')){
$this.popover({
内容:_popcovercontent,
标题:“受让人”,
html:对
}).popover(“show”);
}
});
$(“按钮”)。单击(函数(){
$('#ct')。追加('')
})
添加
对于第一次单击,您需要手动显示弹出框
var\u popover content='这是popover';
$(文档)。在('click','data toggle=“popover”]”上,函数(){
var$this=$(this);
//如果尚未初始化
if(!$this.data('bs.popover')){
$this.popover({
内容:_popcovercontent,
标题:“受让人”,
html:对
}).popover(“show”);
}
});
$(“按钮”)。单击(函数(){
$('#ct')。追加('')
})
添加
对于第一次单击,您需要手动显示弹出框
var\u popover content='这是popover';
$(文档)。在('click','data toggle=“popover”]”上,函数(){
var$this=$(this);
//如果尚未初始化
if(!$this.data('bs.popover')){
$this.popover({
内容:_popcovercontent,
标题:“受让人”,
html:对
}).popover(“show”);
}
});
$(“按钮”)。单击(函数(){
$('#ct')。追加('')
})
添加
问题
.popover()
仅初始化popover。这意味着您的代码当前所做的是在触发单击事件时设置弹出窗口(我猜它会在第二次单击时显示,因为它会由第一次单击设置-下一个问题是,现在您正试图在第二次单击时再次设置它)
解决方案
如果内容是动态生成的,则应该在将其插入DOM时直接在其上初始化popover。比如:
// The dynamically generated content
var $dynamicContent = $('<div><span data-toggle="popover"></span></div>');
// When you insert into the DOM, filter for you popover and initialize
$dynamicContent.appendTo('body').filter('[data-toggle="popover"]').popover({
content: _popovercontent,
title:'Assignee',
html:true
});
//动态生成的内容
变量$dynamicContent=$('');
//当您插入DOM时,为您筛选popover并初始化
$dynamicContent.appendTo('body').filter('[data toggle=“popover”]').popover({
内容:_popcovercontent,
标题:“受让人”,
html:对
});
问题
.popover()
仅初始化popover。这意味着您的代码当前所做的是在触发单击事件时设置弹出窗口(我猜它会在第二次单击时显示,因为它会由第一次单击设置-下一个问题是,现在您正试图在第二次单击时再次设置它)
解决方案
如果内容是动态生成的,则应该在将其插入DOM时直接在其上初始化popover。比如:
// The dynamically generated content
var $dynamicContent = $('<div><span data-toggle="popover"></span></div>');
// When you insert into the DOM, filter for you popover and initialize
$dynamicContent.appendTo('body').filter('[data-toggle="popover"]').popover({
content: _popovercontent,
title:'Assignee',
html:true
});
//动态生成的内容
变量$dynamicContent=$('');
//当您插入DOM时,为您筛选popover并初始化
$dynamicContent.appendTo('body').filter('[data toggle=“popover”]').popover({
内容:_popcovercontent,
标题:“受让人”,
html:对
});
问题
.popover()
仅初始化popover。这意味着您的代码当前所做的是在触发单击事件时设置弹出窗口(我猜它会在第二次单击时显示,因为它会由第一次单击设置-下一个问题是,现在您正试图在第二次单击时再次设置它)
解决方案
如果内容是动态生成的,则应该在将其插入DOM时直接在其上初始化popover。比如:
// The dynamically generated content
var $dynamicContent = $('<div><span data-toggle="popover"></span></div>');
// When you insert into the DOM, filter for you popover and initialize
$dynamicContent.appendTo('body').filter('[data-toggle="popover"]').popover({
content: _popovercontent,
title:'Assignee',
html:true
});
//动态生成的内容
变量$dynamicContent=$('');
//当您插入DOM时,为您筛选popover并初始化
$dynamicContent.appendTo('body').filter('[data toggle=“popover”]').popover({
内容:_popcovercontent,
标题:“受让人”,
html:对
});
问题
.popover()
仅初始化popover。这意味着您的代码当前所做的是在触发单击事件时设置弹出窗口(我猜它会在第二次单击时显示,因为它会由第一次单击设置-下一个问题是,现在您正试图在第二次单击时再次设置它)
解决方案
如果内容是动态生成的,则应该在将其插入DOM时直接在其上初始化popover。比如:
// The dynamically generated content
var $dynamicContent = $('<div><span data-toggle="popover"></span></div>');
// When you insert into the DOM, filter for you popover and initialize
$dynamicContent.appendTo('body').filter('[data-toggle="popover"]').popover({
content: _popovercontent,
title:'Assignee',
html:true
});
//动态生成的内容
变量$dynamicContent=$('');
//当您插入DOM时,为您筛选popover并初始化
$dynamicContent.appendTo('body').filter('[data toggle=“popover”]').popover({
内容:_popcovercontent,
标题:“受让人”,
html:对
});
我建议您包括html。您的问题解决了吗?我建议您包括html。您的问题解决了吗?我建议您包括html。您的问题解决了吗?我建议您包括html。您的问题解决了吗?当您可以像设计为初始化的那样初始化弹出框时,为什么要使用单击处理程序?为什么当你可以像设计的那样初始化弹出窗口时,做所有的点击处理程序的事情