jQuery изменить содержимое div с помощью нажатия кнопки (включить ())

Question

Мне нужна базовая помощь, я не могу найти свое решение: (

Я пытаюсь иметь меню с некоторыми кнопками слева (menu_kneeboard). Если вы нажмете что-то, откроется другой php-файл с функцией include() в разделе content_kneeboard. Как мне это сделать? Если я использую оператор .text («атрибут»), он сработает и покажет «ЭТО РАБОТАЕТ!» в 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 на начальной странице загружается как скрытый, а затем показывает его при нажатии кнопки.Обычно я так поступаю.

Если вам нужно конкретнее знать, как это реализовать, дайте мне знать, и я могу добавить к этому ответу.