javascript - 简单的 div 布局与 jsp 中的代码呈现不同

Question

几天来我一直在试图弄清楚当我的布局在浏览器中呈现时会发生什么情况。

我的环境:

• SpringSource 工具套件版本:2.6.0.RELEASE
• 瓷砖
• jspx + CSS
• JavaScript InfoVis 工具包

我的问题:

我必须从一个更大的项目中制作一个非常简单的部分，其中我有一个小表单来进行选择，它会触发服务器请求并获取一个 json 对象来从 infovis 工具包(javascript)绘制空间树，这是绘制在表单下方，然后在选择树的节点后，它应该显示一个表格，其中包含我通过 Ajax 请求获得的一些信息。所有这些复杂的编码就像一个魅力，问题出现在显示它的时候。所以我想做这样的事情:

<div id="1>
   <form>
</div>
<div id="2">
   <div id="infovis"></div>
   <div id="log"></div>
</div>
<div id="2">
   <table id="someID"></table>
</div>

CSS 包含一些在纯 HTML 中可以正常工作的格式

但是当部署和渲染时我得到了类似的东西:

<div id="1>
   <form>
</div>
<div id="2">
  <div id="infovis">
     <div id="log"></div>
     <div id="2">
        <table id="someID"></table>
     </div>
     <div id="footer"></div> //this is injected cause the tiles specification
  </div>     
</div>

这个或任何其他变体。

有人遇到过类似的问题或者知道是什么原因造成的吗？ spring 、tiles、脚本、jspx 实现？

我不能对其他代码或配置造成太多干扰，因为我们正处于非常高级的阶段，我不想影响其他领域。

注意:我以前更多地使用 c/c++ 和实时的东西，所以我对 CSS、jsp 等不是很流利。我刚刚开始在真正的 Web 应用程序中工作。

Answer 1

好吧，问题似乎出在 JSPX 解析(甚至正常的 jsp)

不知怎的，如果<div></div>里面没有“文本”，它有点取出 </div>对于所有 <div> (也许还有其他标签)并且由于 jspx 需要结束 </div>不知怎的，它在末尾附加了丢失的内容

所以类似

<div id="1"></div>
<div id="2"></div>

转到:

<div id="1">
    <div id="2">

然后你在浏览器中得到的是:

<div id="1">
    <div id="2">
    </div>
</div>

为了避免这种情况，您需要输入 <jsp:text></jsp:text>需要后<div>就像你里面有文本一样，所以你首先得到了编码的内容。

好吧，这就是我认为它的工作原理，也许我完全错了，但不知何故它对我有用，并且当它开始出现在系统的其他部分时会节省我们的痛苦时间。你知道还有其他方法可以解决这个问题吗？或者发生这种情况的真正原因？