javascript - Dojox ContentPane 样式不起作用

Question

我有 2 个 html 页面 A 和 B。页面 A 有一个 dojox/layout/contenpane 如下:

<div id="foo" data-dojo-type="dojox/layout/ContentPane" data-dojo-props="renderStyles:true, executeScripts:true"></div>

我正在使用 ContentPane 的 href 属性(使用 XHR)在 A 中加载页面 B。页面 B 确实显示在 ContentPane 中，但我对此有 2 个问题:

1) 页面 B 正文标签有一个被忽略的 class="claro" 属性。 (我通过比较 A 中加载的 B 与单独浏览器选项卡中加载的 B 来实现这一点)。我该如何进行这项工作？

2) B 中包含的样式会覆盖父页面的样式(例如，A 的主体有边距:auto，B 的主体有边距:0。当我用 B 加载 A 中的 ContentPane 时，A 中的所有内容从中心向左移动)。如何将 B 的样式限制在其自身范围内。

我试着在网上找了几个小时，但我没有取得任何进展。感谢您的帮助。

Answer 1

您应该只在 contentPane 中加载页面 B 的内容，不包括标题和正文标签。

这是通过将 extractContent 设置为 true 来完成的:

<div id="foo" data-dojo-type="dojox/layout/ContentPane" data-dojo-props="renderStyles:true, executeScripts:true, extractContent:true"></div>

样式必须在页面 A 的 CSS 中完成。