jQuery 通过按下按钮更改 div 的内容（ include() ）

Question

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

我尝试在左侧设置带有一些按钮的菜单 (menu_kneeboard)。如果你点击某个东西，它会在content_kneeboard 部分打开另一个带有include() 函数的php 文件。我该怎么做？如果我使用.text 语句（？属性？）它可以工作，它会显示“它工作！”在content_kneeboarddiv。 但是在使用<?php include("map.php"); ?> 作为操作时，我怎样才能让它工作呢？

我试过.html(<?php include("map.php"); ?>)，但它似乎不起作用。 .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>

感谢您的帮助！ :)

Answer 1

我不确定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>');
});

另一种选择是在初始页面加载时包含 php，但设置 display:none;，然后在您的按钮中单击您可以执行类似 (jquery) 的操作：

$("#map_content").fadeIn('fast');

或者用js：

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

这在很大程度上取决于 map.php 的内容究竟是什么。如果我们对实现有更多了解，它可能会在答案方面为您带来更好的结果。

我会补充一点，如果它有任何大量的标记，超过几个 div，我可能会选择在初始页面加载时将 php 包含为隐藏，然后在单击按钮时显示它。我一般就是这样处理这种事情的。

如果您需要更具体地了解如何实现它，请告诉我，我可以添加到这个答案中。