Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动态生成内容上的bootstrap 3 popover不起作用_Javascript_Jquery_Twitter Bootstrap - Fatal编程技术网

Javascript 动态生成内容上的bootstrap 3 popover不起作用

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中有任何错误,但有什么原

我正在尝试在动态生成的内容上启用Bootstrap3弹出窗口。我查看了其他帖子,了解他们是如何工作的,但我很难理解为什么这样做行不通

$(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。您的问题解决了吗?当您可以像设计为初始化的那样初始化弹出框时,为什么要使用单击处理程序?为什么当你可以像设计的那样初始化弹出窗口时,做所有的点击处理程序的事情