Question

对不起，如果我的问题已在某处解释过，但我不知道实际上是怎么称呼它/定义我的搜索问题。

我＆＃34;画＆＃34; html5中的主页，效果很好。我已经将我的菜单放在顶部，它在页面上导航我（如index.html#abc）。在其中一个内容框中，我想在框内添加一个额外的菜单。我想根据我在那里选择/点击的内容加载内容。我正在考虑用php包含内容，但我没有html5和php的经验 - 所以不知道这是否可能。

__________
|Menu #1 #2# 3#
______
|#1
______
|#2
______
|#3
|submenu (#a #b #c)
|content=a (or b/c if i click on that
_________

我是新手！遗憾！

Answer 1

如果要动态加载内容，可能需要ajax。

以下是一些文档： https://en.wikipedia.org/wiki/Ajax_%28programming%29

ajax使用JQuery javascript librabry变得简单： http://api.jquery.com/jquery.ajax/

Answer 2

我想根据我在那里选择/点击的内容加载内容。我正在考虑用php包含内容......

嗯......您可以使用PHP和Javascript的组合来模拟这一点，但您需要了解一些事情：

在将页面传送到浏览器之前执行所有PHP代码。

这是因为在将HTML和CSS发送到用户的浏览器之前，PHP代码在服务器上运行。当用户访问您的站点并使用以下行访问php文件时：

<div id="title"><?php echo "Sam's Sick Beats"; ?></div>

她的电脑只会收到生成的HTML：

<div id="title">Sam's Sick Beats</div>

鉴于此，您可以在技术上＆＃34;根据所选择的内容使用PHP加载内容＆＃34;因为PHP会在他们选择任何东西时完成执行。你确实有几个选择......

选项1：在加载之前将您需要的所有信息添加到页面中，并仅显示使用Javascript所需的信息。

假设您有3个菜单选项，每个选项中有3个选项，并且您希望9个选项中的每一个都显示不同的内容。您可以执行以下操作：

<div id="content_frame">

<?php for ($i = 0; $i < 3; $i++)
{
    for ($i2 = 0; $i2 < 3; $i2++)
    { ?>

        <div id="<?php echo $i . '_' . $i2; ?>">Here is content for the <?php echo $i . ' -> ' . $i2; ?> menu selection.</div>

<?php }
} ?>

</div>

生成的HTML将如下所示：

<div id="content_frame">
    <div id="0_1">Here is content for the 0 -> 1 menu selection.</div>
    <div id="0_2">Here is content for the 0 -> 2 menu selection.</div>
    <div id="0_3">Here is content for the 0 -> 3 menu selection.</div>
    <div id="1_1">Here is content for the 1 -> 1 menu selection.</div>
    <div id="1_2">Here is content for the 1 -> 2 menu selection.</div>
    <div id="1_3">Here is content for the 1 -> 3 menu selection.</div>
    <div id="2_1">Here is content for the 2 -> 1 menu selection.</div>
    <div id="2_2">Here is content for the 2 -> 2 menu selection.</div>
    <div id="2_3">Here is content for the 2 -> 3 menu selection.</div>
</div>

然后使用Javascript将display: block和display: none添加到DIV中，因为正在选择菜单项。

选项2：使用AJAX即时加载信息。

对于初学者来说，AJAX是一个非常艰难的攀登小山，在你的情况下它看起来并不合适。只有在动态提取内容的情况下（例如，您有一个人们可以从您的网站搜索文章的输入框）或者内容需要更新而不刷新页面，您才需要它。然后，你必须根据他们的输入基本上获取信息，并使用Javascript通过AJAX调用的结果更新你的HTML。

内容框中的其他菜单

2 个答案: