Bootstrap Popover保留HTML

Question

如何在重新初始化時保存彈出窗口內容？這是我的代碼，彈出窗口包含一個窗體。我想保持表單值，如果用戶回來填寫一些信息後...

$(this).popover({ 
    html: true, 
    trigger: 'manual', 
    placement: 'bottom', 
    content: function() { 
     var $contents = $('#popover_template').html(); 
     return $contents; 
    } 
}).popover('toggle'); 

我不希望任何模式窗口等是否有辦法讓即使窗體的內容popover重新開放。

謝謝。

Answer 1

您可以使用「隱藏」事件來檢測彈出窗口何時關閉，然後將其內容設置回您的#popover_template div。

$(this).popover({ 
    // your initialization code 
}).popover('toggle') 
    .on("hidden", function(e) { 
    $('#popover_template').html($(this).html()); 
    }); 

參考

How to attach a function to popover dismiss event (Twitter Bootstrap)

Bootstrap modal popover hide on close

Bootstrap Popover - Save HTML on close