Мне нужно иметь возможность загружать документ 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, который является целью для загрузки.
Я надеюсь, что кто-то может указать мне на любой метод, который работает.Спасибо.
Редактировать: