我正在考虑将遗留应用程序转换为使用jQuery UI选项卡（使用AJAX获取每个选项卡的数据）。
我们能够轻松地将遗留应用程序配置为仅响应页面的HTML“内容”，而不包含周围标题，左，右和页脚窗格的HTML以及性能改进（感知和实际） ）非常重要，而且它使应用程序看起来更加流畅和更新。
但是，遗留应用程序使用3个单独的页面进行数据库CRUD操作：
第1页：标准表 - 发布到：
第2页：SQL查询和显示结果 - 链接到：
第3页：使用DELETE和SAVE选项维护记录的表单
并且所有三个原始页面上都有重复的ID，表单名称和FormField名称。更改遗留应用程序以使ID唯一将是大量工作（大量此类页面），因此我希望尽可能解决它。
我的第一次尝试是当它失去焦点时将innerHTML从Tab移动到关联数组，并在选项卡获得焦点时恢复它。从显示的角度来看这很好用，但它似乎打破了与底层代码相关的所有Javascript（一旦它被移动到关联数组并再次返回）。
在我开始尝试各种其他方法之前，我将不胜感激您的任何经验/建议。我的想法是：
一个。整理出我正在使用的方法所打破的任何东西 B.当选项卡失去焦点时，将PREFIX应用于所有名称/ ID，并在选项卡获得焦点时删除PREFIX。
但也许有更好的方法？
非常感谢你的帮助。
其他信息：
遗留应用程序对JS函数进行OnClick调用[对于SAVE，DELETE，FIND等操作]假定表单等的固定名称。表单的验证具有基于FormFields名称定义规则的JS。因此，在整个系统中进行更改将需要大量的工作，并且需要大量的QA测试，因此我希望在可能的情况下找到另一条路线