Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/408.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 Popover内部Popover不工作_Javascript_Jquery_Ios_Twitter Bootstrap_Popover - Fatal编程技术网

Javascript Bootstrap 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'>

我正在使用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'>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');
});