引導酥料餅裏面酥料餅不工作

，我已經作出，其酥料餅的一些按鈕內容的鏈接，但進一步當我酥料餅上的按鈕點擊，他們酥料餅的功能不起作用。引導酥料餅裏面酥料餅不工作

<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

電子郵件彈出窗口不工作.. –

回答

相關問題