javascript - jQuery 通过按下按钮更改 div 的内容(include())

Question

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

我尝试在左侧设置带有一些按钮的菜单 ( menu_kneeboard )。如果你点击某个东西，它会打开另一个带有include() 的php 文件。 content_kneeboard 中的函数部分。我该怎么做？如果我使用 .text声明(？属性？)它有效并且会显示“IT WORKS!”在content_kneeboard div . 但是我怎么能在使用 <?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 隐藏起来，然后在单击按钮时显示它。这通常是我处理这类事情的方式。

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