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