Html Wordpress Post中嵌入的不变和不断变化的内容？

我需要在Wordpress的帖子中并排嵌入两页。左侧页面必须能够独立于右侧页面进行操作，反之亦然。左侧页面上的内容会发生变化（比如翻页），但右侧的内容必须保持不变……甚至连页面刷新都没有。我还需要右边的页面保持可见。右边的页面是一个虚拟环境，而左边的页面包含读者在该环境中完成特定任务的说明。理想情况下，指令应该分为步骤，步骤分为页面。所以，你们会看到左边的第1页，右边的虚拟环境，点击继续…左边的第2页，虚拟环境页面并没有变化。希望这一切都有意义

到目前为止，我已经尝试嵌入iframe。我已经接近了，但是当左侧页面发生更改时，右侧页面会不断刷新自身。由于所有这些都是如何设置的，如果有意义的话，我所能做的就是将页面本身嵌入到页面中（基本上类似于iframe src=“#”）。这是可行的，但当我在右侧添加虚拟环境时，它也会添加到左侧

如果有人熟悉katacoda的场景，这正是我想要实现的。我能解释的最好办法是，将屏幕垂直分成两半。左半部分内容更改，右半部分内容保持不变

---

所以，我知道这是可能的。实现它的最佳方法是什么？

好吧，既然您实际上不希望第二个页面刷新或任何东西，并且希望它保持不变，那么为什么不创建一个可滚动的元素，并将您想要的网页中的所有元素放在一起，而不使用iframe呢。这样它将是一个常数。除此之外，我相信你的代码看起来是这样的

  <iframe src="link_v1" frameborder="0" scrolling="yes"                        
      style="height: 100%; width: 49%; float: left; " 
           height="100%" width="49%" align="left">
                          </iframe>  



<iframe src="link_v2" frameborder="0" scrolling="yes" style="overflow: hidden; 
 height: 100%;width:49%; "height="100%" width="49%" align="right">
                                </iframe>

---

也在这里查看：

是的，这就是我的代码。它一直工作，直到你尝试切换左边的页面。当您这样做时，右侧的页面将刷新，连接关闭，游戏结束。如果国防部能帮我关闭这个，我会很感激的。如果不重新编写所涉及的插件，很可能也不重新编写主题，用例就不可能实现。这就是为什么您可以将正确的页面作为一个溢出元素：滚动和页面的宽度和高度，带有边框，而不是iframe，但我认为您应该使用AJAX只加载其中一个页面，因为你可能决定要两页以上。