Я не могу заставить LOAD документа HTML работать - PullRequest
0 голосов
/ 08 декабря 2018

Мне нужно иметь возможность загружать документ HTML в определенном DIV, когда происходит событие, такое как щелчок по пункту меню.Я пробовал jQuery Load метод по-разному, но ничего не заставляло HTML-файл загружаться вообще, результат либо 404, либо ничего не происходит.Я нашел несколько примеров, но у меня не получилось, поэтому я создаю свой собственный пример.Я знаю, что загруженный файл должен находиться в том же домене, что и код загрузки (или я так понимаю), я подумал, может быть, поэтому jsFiddle не работает, поэтому я создал отдельный файл .HTML и попытался загрузить локальный файл.Документ .HTML, но он также не работал.

HTML:

 <div class="container">
    <div class="row">
        <div class="col">
            <ul>
                <li>
                    <a href="#" onclick='
                $("#result").load(
                "f\\doc1.html")
                '>Click to load page in
                        RHS...</a>
                </li>
                <li><a href="">Doc1</a> </li>
                <li><a href="" onclick="myLoader()"> Doc3</li>
                <li id="ID11"><a href="">Doc4</a> </li>
            </ul>
        </div>
        <div class="col">
            <!----------------- TARGET div id=result------------>
            <div id="result">
                Load here...(result)
            </div>
        </div>
        <div class="col">
            <!----------------- TARGET div id=content------------>
            <div id="content">
                Load here...(content)
            </div>
        </div>
    </div>
</div>

JS:

<script type="text/javascript">
        $('#ID11').on('click', function () {
        $('#content').load('f\doc1.html');
        })

        function myLoader() {
            $('#content').load('f\doc1.html');
        }
    </script>

В целом мне нужно вызвать загрузку HTMLдокумент в DIV, основанный на пункте меню, щелкните за пределами div, который является целью для загрузки.

Я надеюсь, что кто-то может указать мне на любой метод, который работает.Спасибо.

Редактировать:

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...