1

请原谅我的标题不太好。我没有做太多的 HTML 开发工作，而且我在进行黑客攻击和学习。我正在尝试使用 Javascript 和 HTML 创建具有多个视图的表单。

我的目标是允许以多种模式输入数据。例如，假设他们在仓库中输入有关产品的数据，其中第 1 页主要处理仓库信息，第 2 页主要处理产品信息。我目前正在使用 jQuery 选项卡执行此操作。

我目前使用来自http://jqueryui.com/tabs/的jQuery 选项卡与每个选项卡

    <div id="tabs-1">
    <iframe src="enterdbInfo.shtml" width=100% height=1610>        
    </iframe></div>
    <div id="tabs-2">
    <iframe src="enterproducts.shtml" width=100% height=1610>        
    </iframe></div>

当用户单击 enterDbInfo.shtml 上的特定产品时，我会显示产品详细信息视图。问题是我还在enterproducts.shtml 中显示了相同的产品详细信息视图。这是通过在两个文档中使用 SSI 包含的共享 html 文档来完成的。

当 enterdbInfo.shtml 和 enterproducts.shtml 分开查看时，它们看起来很好。但是，当它们通过选项卡加载到同一个父文档中时，作用于产品详细信息字段的 javascript 仅作用于 enterdbInfo.shtml 中的元素，而不作用于同名的 enterproducs.shtml 字段。我知道它为什么会发生，但我不知道我的好方法。

有没有一个很好的方法来解决这个问题？

4

0 回答 0