4

我想制作一个网站，其中一个页面包含其他页面。

要从一个页面转到另一个页面，有一个选项卡或类似的菜单，因此页面不会改变，只会改变内部内容。内部内容有很多jquery和php：一个有一个表格在左边进行搜索，结果显示在数据表的中心，所以你可以在结果中搜索，排序等等。当你从一个内容切换到另一个我不希望内容被重置（例如：您进行搜索然后转到另一个页面/内部内容，当您返回时，搜索结果必须仍然存在）。其中一个选项卡有一个列表（一个子菜单）。当您从该列表中选择某些内容时，每个页面都必须知道并使用该选定值。

我认为我可以使用大量的 ajax、jquery ui 选项卡和 php 来完成这一切。

我的问题是：做这样的东西很好吗？还有其他方法可以实现我想要的吗？制作一个包含很多页面的普通菜单（没有更多的内部内容，但不同的页面）并将所选值保留在会话中会更好吗？在这种情况下，我怎样才能保持结果？（再次会话？）

我希望这个问题是允许的。谢谢你们！

编辑：我不是在问代码（我知道 jquery 选项卡和我如何搜索谷歌）。我在问制作这样的东西（一页有很多内容）是否是一种好习惯，还是使用更多页面更好？

编辑2：我会重新提出我的问题。我必须做这样的事情：10 个不同内容的页面，里面有 php、jquery 和一个菜单，可以从一个页面导航到另一个页面。当您从一个页面转到另一个页面时，在您离开的页面中选择的搜索和选项必须仍然存在，以便当您返回时可以看到它们。一个菜单有一个带有列表的子菜单。当您从该列表中选择某些内容时，所选值会更改一半页面中的内容（您在里面看到的内容）。我应该怎么做？（不要给我看代码，只告诉我应该用什么来完成这个）

EDIT3：我在网上看了，雅虎邮件有我想要的。页面顶部始终相同。然后你有一个菜单：收件箱、联系人、日历。当您单击联系人时，只有部分页面会发生变化（我称之为我的内部内容），当您单击菜单中的其他声音时也会发生同样的情况。在联系人内部，如果您单击一个联系人，您可以看到有关该联系人的详细信息，然后如果您单击收件箱并再次单击联系人，您仍然可以看到您之前选择的联系人。我怎样才能做到这一点？

4

2 回答 2

2

您可以通过使用 jquery Tab插件来简单地实现这一点 。

或者您应该创建您的网站模板，您可以在其中通过 ajax 调用替换内容。

       <html>
         ....

        <body>
            <div class="tab_container">
                <ul>
                       <li> Tab 1</li>
                       <li> Tab 2</li>
                </ul>
                <!-- integrate nested menu here -->
            </div>

            <div id="content">
              onclick on tab selection display appropriate content here
             </div>
        </body>

       </html>

我建议您是否仅根据选项卡选择显示内容而不是使用 Ui-tabs

如果您正在开发复杂的网站。你需要多个菜单。比尝试 jquery 下拉菜单。为了显示内容，如我在示例中提到的那样，使用 ajax 在选项卡选择的基础上覆盖内容 div。

这是jquery下拉菜单的链接

http://codecanyon.net/item/jquery-css3-dropdown-menu-plugin/996815?ref=jared501

现场示例

于 2013-05-07T09:17:45.680 回答
0

HTML 用于结构和一些简单的数据解释。如果你想制作一些数据，你应该使用 PHP，ASP 之类的东西......

如果你想拥有一些带有效果的漂亮页面，请使用 JavaScript 和常用的这种语言。但是您没有确切的问题，所以答案很常见

于 2013-05-07T09:22:36.467 回答