Загрузите HTML-контент в div
Я пытаюсь загрузить содержимое из другого файла HTML в мой существующий файл HTML, используя jquery .load
Но, к сожалению, это не загрузка контента.
Пожалуйста, предложите мне правильное решение.
Вот мои существующие HTML и JQuery для загрузки контента из внешнего файла HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Review</title>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
<ul class="reviews" id="revw">
</ul>
</div>
<script>
function check(){
$( "#revw" ).load( "review_list.html #test" );
}
</script>
</body>
</html>
Страница, с которой нам нужно загрузить контент
<html>
<head></head>
<body>
<div id='test'>
Load this content to the id="revw" div.
</div>
</body>
</html>
3 ответа
Вы не вызываете функцию check() в любом месте.
Попробуй это:
...
<script>
function check() {
$( "#revw" ).load('review_list.html #target');
}
$(document).ready(function() {
check(); // call the function
});
</script>
...
Попробуйте это используя $.get,
$(document).ready(function() {
$.get('review_list.html')
.success(function(data) {
$('#revw').html(data);
});
});
Ваша HTML-страница
<div id='test'>
Load this content to the id="revw" div.
</div>
Пожалуйста, обратитесь по этой ссылке:
Загрузите одну страницу на другую, используя Jquery
Подробное объяснение вашей проблемы
Задержка загрузки HTML-страницы с помощью jquery
И то и другое решит проблему.