引导酥料饼里面酥料饼不工作

，我已经作出，其酥料饼的一些按钮内容的链接，但进一步当我酥料饼上的按钮点击，他们酥料饼的功能不起作用。引导酥料饼里面酥料饼不工作

<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>

和JS

$('#but1').popover({ 
    html: true, 
    content: $('#cont').html() 
}); 


$("[data-toggle=popover]").popover({ 
    html: true, 
    content: function() { 
      return $('#popover-content').html(); 
     } 
}); 

function Facebook(){ 
    alert('share on facebook'); 
} 
function twitter(){ 
    alert('share on twitter'); 
} 

function EmailToSomeOne(){ 
alert('Email to send'); 
}

更多的结算我创建了一个fiddle也。

来源

2015-06-20 Muhammad Taqi

引导不支持嵌套酥料饼 http://getbootstrap.com/javascript/#modals

来源

2015-06-20 11:52:39

你可以简单的绑定按钮与一个ID喜欢

<a id="Facebook"class="btn btn-default">Facebook </a>

，并使用访问

$("#Facebook").on('click',function(){ 
    alert('share on facebook'); 
})

编辑：你不能有嵌套popover在bootstrap.However你可以使用以下两种方法 1）您可以更改HTML的酥料饼内，并显示您的电子邮件的形式

$('.popover-content').html($('#emailform').html())

请参考附件此appproach

https://jsfiddle.net/mohit181191/mxstLfnf/

2）您可以在酥料饼按钮打开一个模式的小提琴单击。

<a data-toggle="modal" data-target="#facebook" 
    class="btn btn-default">

请参考下面捣鼓这种方法

http://jsfiddle.net/mohit181191/o35zqy7w/

来源

2015-06-20 11:55:11 Mohit

嵌套的流行是电子邮件按钮 –

感谢工作了，但我不需要弹出的模式，我有处理它，因为不支持嵌套酥料饼的，所以它做两个酥料饼是社交媒体和共享和电子邮件向分离朋友分享。 –

你检查更换HTML一号apprach？ – Mohit

使用此：

$('body').on('click',".btn-default", function(){ 
    alert('share on facebook'); 
});

.btn默认更改为您的按钮默认ID

来源

2015-06-20 12:00:34 Bugfixer

您的代码正常工作。它只是一个的jsfiddle设置问题。

在你的小提琴中选择在左侧的下拉框中没有包裹（头部），点击运行，它将起作用。

See example

当的onLoad选择您的功能在$（文件）的闭合。就绪内定义（）函数（{}）;只要。这就是它之所以显示错误Uncaught ReferenceError: Facebook is not defined（见控制台）

顺便说一句，这里的一对plunkr等效例子enter link description here

来源

2015-06-20 12:08:13 nalinc

电子邮件弹出窗口不工作.. –

回答

相关问题