Я разрабатываю веб-сайт, и у меня есть это в боковом меню:
<a href="#" class="leftMenu" id="contact">Contact Us</a>
то у меня есть этот скрипт
$(document).ready(function(){ $("#contact").click(function(){ $("#contents").load('home.php'); }); });
и у меня есть этот DIV внутри моей страницы:
<div class="contentWrapper" id="contents"></div>
Очевидно, что я пытаюсь загрузить home.php, когда я нажимаю на гиперссылку «Контакты», которая не работает. Что не так с моим кодом?
добавьте home.php
страницы home.php
вместо имени файла.
$(document).ready(function(){ $("#contact").click(function(){ $("#contents").load('url to home.php'); }); });
Вы можете использовать $.load()
вот так, чтобы получить больше данных о том, что происходит. Когда вы увидите сообщение об ошибке, вы, вероятно, можете решить его самостоятельно ^^
$("#contents").load("home.php", function(response, status, xhr) { if (status == "error") { // alert(msg + xhr.status + " " + xhr.statusText); console.log(msg + xhr.status + " " + xhr.statusText); } });
@ user2805663 Я знаю, что этот пост довольно старый, но хотя я могу опубликовать решение, которое может помочь кому-то другому, так как это помогло мне.
Благодаря @Mangala Edirisinghe
следующим методом вы можете загрузить два отдельных файла в двух разных DIV с помощью одного клика (Link).
$(document).ready(function(){ $("#clickableLink").click(function(){ $("#contents").load('url/file1.php'); $("#contents2").load('url/file2.php'); }); });
.$(document).ready(function(){ $("#clickableLink").click(function(){ $("#contents").load('url/file1.php'); $("#contents2").load('url/file2.php'); }); });
.$(document).ready(function(){ $("#clickableLink").click(function(){ $("#contents").load('url/file1.php'); $("#contents2").load('url/file2.php'); }); });
Вы должны использовать путь « home.php » из индекса dir, а не из скрипта dir.
Если вы на сайте:
/ index.php scripts /script.js /home.php
Вы должны изменить свой параметр, передавая « scripts / home.php »