文章大纲

jquery html方法写的内容突然无法显示

2022-05-11 23:20:02
就是下面这段代码:
$("#list_language_file").html(htmlLanguageFile);
在页面里开始有效果,可突然我又发现不起作用了,list_language_file结点里的内容无法显示。

场景:

从文件列表里,点击新增tab页,打开文件详情页,代码大致如下:
$('#mainTab').tabs('add',{
width:$("#mainTab").parent().width() - 180,
title: " Document Detail-" + dataCellClick.doc_name,
iconCls: null,
href: 'Document/documentDetail?doc_manage_id='+dataCellClick.doc_manage_id,
closable: true
});

故障情况:

经过多次测试,发现只有在打开第二个文件的详情页时,上面html方法才没起作用。

问题原因:

tabs打开的页面仍处在同一个html页面里,所以当打开多个文件详情页时,开头id元素重复了。(经过检查,发现html方法作用在第一个详情页里去了)

解决办法:

1. 通过dialog弹窗方式打开完整的html页面来作为详情页,保证每次只能查看一个文件的详情。
2. 继续用tab页打开的方式,在list_language_file这个元素的id里加上文件id,保证id不会重复,例如如下:
$("#list_language_file_" + documentManageId).html(htmlLanguageFile);
项目是六七年前的项目,所以还是这种前后端不分离的方式,确实有点老旧。


我要评论
评论列表