弹出窗口内的表单更新popover hide上的原始表单

我在bootstrap popover中有一个表单， http：//jsfiddle.net/BcczZ/185/

  
 
  First Second Third  
  
  One 
 
  Two 
  1  2  3 
 
  
 

我面临的问题是原始表单是在加载时隐藏的，只显示在实际克隆表单的popover中。 用户编辑和弹出窗口关闭后，我需要更新原始的表单元素值。

我不知道使用什么方法。 我认为最好是popover只是将表单移动到内部并将其放在接近的位置。 似乎是最短的路。

任何帮助或想法表示赞赏。 谢谢！

Answer 1

如果有其他人需要这个，请点击此处http://jsfiddle.net/BcczZ/215/

 var $popoversettings = $('.settings').popover({ html: true, placement: 'right', content: function () { var mySettings = $(this).data('mysettings'), sfieldset = $(mySettings).find('fieldset'); return $(sfieldset).appendTo($(this)); } }); $(':not(#anything)').on('click', function (e) { $popoversettings.each(function () { if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) { // before hide update original elements var placebak = $('.popover-content').find('fieldset'); var parrent= $(this).data('mysettings'); $(placebak).appendTo($(parrent)); $(this).popover('hide'); return; } }); });