У меня есть 1.html в том же месте, что и pi.html
pi.html
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
$(document).ready(function(){
$(function(){
$('a').click(function(){
$('#content').css( "border", "3px solid red" );
$('#content').load("1.html");
return false;
})
});
});
</script>
</head>
<body><a href="1.html">1.html</a>
<div id="content"></div>
</body>
</html>
после нажатия ссылки, css применяется, но.load() не работает. Любой совет будет принят во внимание!
Если вы тестируете это на локальном компьютере, а не на веб-сервере, это не сработает. Это функция ajax, которая должна работать на сервере http://. В противном случае, если ваши файлы находятся в правильных местах, EDIT: ваш код выглядит нормально.
Проверьте консоль для более подробной информации CONTROL + SHIFT + J для консоли в Google Chrome при нажатии на ссылку загрузки.
Если вы используете его локально, Chrome\Safari блокирует запросы.load() из локальной файловой системы.
Вы можете использовать Firefox или запускать Chrome, используя опцию -allow-file-access-from-files.
Кроме того, работа над ним на веб-сервере отлично работает.
EDIT: Этот ответ поможет qaru.site/questions/41637/....