Jquery在post和html()之后停止工作

时间:2018-06-18 21:11:42

标签: html post

我有一个包含各行项目的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");	
}

1 个答案:

答案 0 :(得分:0)

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

希望有所帮助