个人中心
gpt4 book ai didi

php - 如何制作标签菜单网站(一个页面包含其他页面)

转载 作者：可可西里 更新时间：2023-10-31 23:32:08 26 4
gpt4 key购买 nike

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

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

我认为我可以使用大量的 ajax、jquery ui 选项卡和 php 来实现所有这些。

我的问题是:制作这样的东西很好吗？还有另一种方法可以实现我想要的吗？制作一个包含很多页面的普通菜单(没有更多的内部内容，而是不同的页面)并在 session 中保留所选值会更好吗？在这种情况下我如何保留结果？(再次 session ？)

我希望这个问题被允许。谢谢大家!

编辑:我不是在询问代码(我知道 jquery tabs 和我如何搜索 google)。我在问做这样的事情(一页有很多内容)是一个好习惯还是使用更多页面更好？

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

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

最佳答案

您可以使用 jquery Tab plugin 简单地实现这一点.

或者您应该创建您的网站模板，在其中通过 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

Live Example

关于php - 如何制作标签菜单网站(一个页面包含其他页面)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16415328/

26 4 0
文章推荐： PHP MS Word 文件页数
文章推荐： node.js - ionic 框架 : Ionic build fails while creating the project (v4. 12.0)
文章推荐： javascript - ES6 js 关键字作为参数的精确行为
文章推荐： php - yii框架中如何获取mysql存储过程输出参数