Question

我需要一些基本帮助，我找不到解决方法：（

我尝试使菜单的左侧带有一些按钮（menu_kneeboard）。如果单击某些内容，它将在include()部分中使用content_kneeboard函数打开另一个php文件。我该怎么做？如果我使用.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包括为隐藏的，然后在单击按钮时显示它。通常，这就是我处理这类事情的方式。

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

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

1 个答案: