在表單提交後將動態內容加載到Bootstrap彈出窗口中

Question

我試圖將內容動態加載到Bootstrap彈出窗口中。提交表格時，我可以提醒該值;這工作正常。我不能做得到的內容#popover-thanks加載在彈出窗口中，用感謝信息替換表單。

// show the popover 
$('#btn').popover({ 
    html : true, 
    placement: 'top', 
    content: function() { 
     return $('#popover-form').html(); 
    } 
}); 

// form has been submitted 
$(document).on('click', '#submit', function() { 

    var value = $('#value').val(); 

    alert(value); 

    $('#btn').popover({ 
     html : true, 
     content: function() { 
      return $('#popover-thanks').html(); 
     } 
    }); 
}); 

Answer 1

，我認爲你必須銷燬第一酥料餅才能夠使相同的元素新的：

$('#btn').popover('destroy'); 

http://getbootstrap.com/javascript/#popovers-usage

• 另一種解決方案，你可以得到酥料餅的ID （展後）如下：

  var popoverID = $('#btn').attr("aria-describedby"); // = 'popover123456' (random number) 
  

更換內容（http://getbootstrap.com/javascript/#popovers），然後顯示它：

$('#btn').popover('show');