Jquery在post和html（）之后停止工作

Question

我有一个包含各行项目的html页面。每个项目弹出一个对话框，其中包含用户可以添加数据的选项卡。当他们点击保存时，我运行此代码，刷新项目：

  function reloadRecord(actionSelector) {
	$.post("ReloadRecord.do", {
		id: actionSelector.find("input:hidden[name='id']").val() 
		}, function(html){
    		actionSelector.closest(".itemWrapper").html(html);
  		}, "html");	
}

出于某种原因，这个代码会在弹出窗口中再次打开时弹出jquery元素 - tabs，datepicker和note弹出窗口。

有没有办法可以刷新所有jquery元素？执行以下操作会使选项卡再次起作用，但有太多元素需要单独处理。

function reloadRecord(actionSelector) {
	$.post("ReloadRecord.do", {
		id: actionSelector.find("input:hidden[name='id']").val() 
		}, function(html){
    		actionSelector.closest(".itemWrapper").html(html);
    		**actionSelector.find('.alrt-bar.tabsOpened-after').each(function(){
    			$(this).tabs();
    		});**
  		}, "html");	
}

Answer 1

我会将所有jQuery初始化代码包装在一个函数中，然后在每次重新加载项目时调用它。

希望有所帮助