Javascript Bootstrap Popover内部Popover不工作
我正在使用twitter引导在社交媒体上分享我的帖子,我制作了一个链接,它的popover上有一些按钮内容,但当我点击popover中的按钮时,它们的popover功能不起作用Javascript Bootstrap Popover内部Popover不工作,javascript,jquery,ios,twitter-bootstrap,popover,Javascript,Jquery,Ios,Twitter Bootstrap,Popover,我正在使用twitter引导在社交媒体上分享我的帖子,我制作了一个链接,它的popover上有一些按钮内容,但当我点击popover中的按钮时,它们的popover功能不起作用 <div class="well text-center"> <button id="but1" title='Popover' class="btn btn-success" rel='popover' data-placement="bottom" data-toggle='popover2'>
<div class="well text-center">
<button id="but1" title='Popover' class="btn btn-success" rel='popover' data-placement="bottom" data-toggle='popover2'>Share</button>
</div>
<div class='container hide' id='cont'>
<a onclick="Facebook()"
class="btn btn-default">
Facebook
</a>
<a onclick="twitter()"
class="btn btn-default">
Twitter
</a>
<a class="btn btn-default"
data-placement="bottom" data-toggle="popover" data-title="Login" data-container="body"
type="button" data-html="true" href="#" id="login">
Email
</a>
</div>
<div id="popover-content" class="hide">
<form class="form-inline" role="form">
<div class="form-group">
<input type="text" placeholder="Name" class="form-control" maxlength="5">
<button type="submit" class="btn btn-primary" onclick="EmailToSomeOne();">Send</button>
</div>
</form>
</div>
为了进一步澄清,我还创建了一个。引导程序不支持嵌套的popover
您可以简单地用id绑定按钮,如
<a id="Facebook"class="btn btn-default">Facebook </a>
编辑:
您不能在引导中使用嵌套的popover。但是,您可以使用以下两种方法
1) 您可以在popover中更改html并显示您的电子邮件表单
$('.popover-content').html($('#emailform').html())
请参阅本附件所附的提琴
2) 您可以单击“弹出窗口”按钮打开一个模式
<a data-toggle="modal" data-target="#facebook"
class="btn btn-default">
使用以下命令:
$('body').on('click',".btn-default", function(){
alert('share on facebook');
});
.btn default将其更改为您的按钮默认id您的代码工作正常。这只是一个JSFIDLE设置问题
在您的小提琴中,选择左侧下拉列表中的无缠绕(头部),单击Run,它将工作
当选择onLoad时,在$(document).ready(function(){})的闭包中定义函数;只有这就是它显示错误未捕获引用错误的原因:未定义Facebook
(请参阅控制台)
顺便说一句,在plunkr上有一个等效的例子,嵌套的pop是在电子邮件按钮上的,但我不需要弹出模型,我已经处理过了,因为嵌套的popover不受支持,所以它使两个popover分开了社交媒体和共享以及电子邮件到朋友共享。你检查了第一次替换html的方法吗?
<a data-toggle="modal" data-target="#facebook"
class="btn btn-default">
$('body').on('click',".btn-default", function(){
alert('share on facebook');
});