Question

我有一个页面，我有三个面板...左面板，中心面板，右面板......我的问题是这个...我的中心面板中有一个链接，该链接转到另一个页面.. 。但我希望新页面显示在中央面板中，条件是左右面板应保持原样...我能够在中心面板中显示第二页但我无法阻挡左侧和右小组......

我的代码：

<div id="wrapper">
    <div id="centerPanel">
       center panel
       <a href="<s:url action="ViewAppeals"/>">View Appeals</a>
   </div>
</div>

<div id="leftPanel">
   leftpanel
</div>

<div id="rightPanel">
   rightpanel
</div>

Answer 1

这是一种做法，虽然它可能不是你想要的。

我为每个页面制作了一个div，内容如下：

<div id="pagewrap" style="">
    <!---------------Home Page--------------->
    <div id="Content1"> 
        <object id="dHome" data="home.html" style="overflow:hidden;margin:5px;">
        </object>
    </div>
    <!----------------Gallery Page--------------->
    <div id="Content2"> 
        <object id="dGallery" data="gallery.html"> 
        </object>
    </div>
</div>

依旧......

如上所示，我使用对象作为我的页面来加载外部html数据。

我将包装器的宽度 - pagewrap设置为所有页面宽度的总和，并使用Jquery向左或向右移动页面，具体取决于单击的按钮。

以下是向右分页时的代码：

$('#pagewrap').animate({'marginLeft' : "-=650px"},200);

并离开：

$('#pagewrap').animate({'marginLeft' : "+=650px"},200);

以上650px是我所有内容页面的内容。

或者您只需更改对象的源文件！

希望这会有所帮助

如何在整个应用程序中使面板保持不变

1 个答案: