Javascript jQuery使用按钮（include（））更改div的内容

我需要一些基本的帮助，我找不到我的解决方案：(

我试着让菜单在左边有一些按钮（

菜单_膝盖板

）。如果你点击某个东西，它会在

内容_膝盖板

部分打开另一个带有

include（）

函数的php文件。我该怎么做？如果我使用

文本

语句（？.attribute？），它会工作，并且会显示“它工作！”在

content\u膝盖板
div
中。
但是当我使用
作为动作时，我如何使它工作呢

我尝试了
.html（）
，但它似乎不起作用。
.php
似乎不起作用

        <div class="menu_kneeboard">
        <script type="text/javascript">
            $(document).ready(function() {
                $("button").click(function() {
                    $(".content_kneeboard").text("IT WORKS!");
                })
            });

        </script>
        <button>click</button>
    </div>
    <div class="content_kneeboard">
        <p>old content</p>
    </div>


$（文档）.ready（函数（）{
$（“按钮”）。单击（函数（）{
$（“.content_kneeboard”）.text（“它可以工作！”）；
})
});
点击
旧内容


谢谢您的帮助！：）
我不确定map.php中有什么内容，因此如果有很多标记，这可能不是最好的解决方案，但您可以将标记直接放在标记中：

$("button").click(function() {
    $(".content_kneeboard").empty(); //if there are other elements in this div you want to preserve, keep in mind this will remove those too.
    $(".content_kneeboard").html('<div id="map_content"></div>');
});

或使用js：

document.getElementById(map_content).style.display = 'block';

这在很大程度上取决于map.php的确切内容。如果我们对实现了解得更多，它可能会为您提供更好的答案

我要补充的是，如果有大量的标记，而不是几个div，我可能会选择在初始页面加载中包含隐藏的php，然后在单击按钮时显示它。我通常就是这样处理这类事情的

如果您需要更具体地了解如何实施，让我知道，我可以添加到这个答案。
你想打开一个模式或重定向到map.php，还是只是用map.php替换.content\u kneeboard？用map.php替换.content\u kneeboard:）你可以包含所有的php文件，并添加一个带有css属性的类
display:none并在按下按钮时为要显示的文件删除该类，并将其添加到已显示的文件中。map.php中有很多文本，而且-重要的是-它将不仅仅是map.php。左边会有很多按钮，中间会改变内容（内容板）。所以我想，不展示它们的想法是最好的。但是，难道没有一个简单的解决方案，只需使用“命令”包含main.php（以及单击按钮时的其他文件）吗？这就是它现在的样子。左边的每个按钮都会改变中间的内容（地图是正确的）。但是用户可以在某些设置中更改其使用的平面和地图，因此即使对于检查表，我也要将近30个不同的php文件（检查表）加载到内容区域（取决于设置中选择的平面）。啊，我看到了“kneeboard”，并想知道它是否与航空相关。我的方法是在单击按钮时使用Ajax请求来获取map.php的内容或需要加载的任何其他内容，然后在Ajax响应中回显内容，然后使用JavaScript将内容分出来。如果需要的话，我可以在后面添加一个例子，但是谷歌搜索Ajax请求。有很多例子。是的，航空相关：D.哦，该死-听起来很复杂：-O！我会调查的，非常感谢！一旦你对它有了感觉，它就不会太糟糕了，它会为你的应用打开很多可能的使用案例。我经常用它。
document.getElementById(map_content).style.display = 'block';