Bootstrap Popover內部動態選擇選項

我試圖做一個popover創建內容動態，並希望與選項進行交互選擇。Bootstrap Popover內部動態選擇選項

我有我的option有彈出一個popover這與「接受」和「取消」 buttons形式的select和一個。但首先，不會顯示在我的頁面上，第二個（在w3schools編輯器中嘗試，最後我可以顯示彈出窗口）「取消」按鈕不會隱藏當前彈出窗口。

這是JsFiddle爲酥料餅的工作，但不關閉（只是現在它有它試圖表明「你好」，但不工作的console.log）

這是jsFiddle的努力當選擇「無法辨認」時獲得彈出窗口。

任何人都可以解釋爲什麼我的任何嘗試都不起作用？

來源

2017-07-26 UnsignedFoo

在這裏，你去解決方案的前半部分https://jsfiddle.net/c3yq1o43/3/。也就是說上點擊關閉酥料餅的取消按鈕

$(document).ready(function(){ 
 

 
\t closepop = function(){ 
 
    \t $('[data-toggle="popover"]').popover('hide'); 
 
    } 
 
     
 
    var pop = $('[data-toggle="popover"]').popover({ 
 
    html:true, 
 
    content: function(){ 
 
    \t return "<form name='statusForm'>"+ 
 
     \t \t \t "<div class='form-group'>"+ 
 
        \t "<textarea class='form-control' name='estado' placeholder='Motivo de la no-disponibilidad' required></textarea>"+ 
 
        "</div>"+ 
 
     \t \t \t "<button class='button btn btn-success' type='button'>Aceptar</button>"+ 
 
        "<button class='button btn btn-success' type='button' onclick='closepop()'>Cancelar</button>"+ 
 
       "</form>" 
 
    }}); 
 
    
 
    
 
    
 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 

 
<body> 
 
    <div class="container"> 
 
    <h3>Popover Example</h3> 
 
    <p>Popovers are not CSS-only plugins, and must therefore be initialized with jQuery: select the specified element and call the popover() method.</p> 
 
    <a href="#" data-toggle="popover" title="Popover Header">Toggle popover</a> 
 
    </div> 
 
</body>

我試圖讓這個問題的後半部分。一點點困惑..

在選擇'沒有Disponible'選項，你想顯示popover ???

來源

2017-07-26 09:10:59 Shiladitya

謝謝你的上半場！是的，是這樣的：http://jsfiddle.net/xrkxdedg/3/當我點擊「沒有disponible」它必須顯示的形式，如果按下取消，關閉它 – UnsignedFoo

對不起，我錯了。我想點擊「No disponible」，並且**沒有**關閉'select'顯示彈出窗口 – UnsignedFoo

Bootstrap Popover內部動態選擇選項

回答

相關問題