Загрузка одной HTML-страницы внутри другой с помощью jquery

Я хочу загрузить HTML-файл ("hello_world.html") внутри другой HTML-страницы ("index.html") обоих файлов в одном месте. Это код, который я написал. Но это ничего не загружает. оба предупреждения работают (которые я намеренно дал, чтобы проверить, работает ли jquery или нет. нет другого использования с ним), что является ошибкой в ​​коде? Я не хочу использовать AJAX.

</head>
 <script type="text/javascript" src="../jquery-1.3.2.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
        alert("ya loaded");
        $('#container').load('hello_world.html');
    alert("finished");  
  });
</script>
</head>

<body>
<div id="container">
</div>

</body>
Источник

2 ответа

Решение

Используйте вашу консоль разработки Firebug или Chrome, чтобы проверить возможные ошибки.

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

Когда вы используете ajax, иногда браузер не загружает его, используя file:/// протокол. Вы должны использовать веб-сервер локально (например, xampp на windows или просто apache) и заходить на свой сайт в http:// протокол.

Это очень вероятная причина вашей проблемы.

Источник

Ну, у меня есть следующие файлы в одном каталоге:

HelloWorld.html

<p>hello!</p>

test.html

<html>
<head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $("document").ready(function() {
            $('#container').load('helloworld.html');
        });
    </script>
</head>
<body>
    <div id="container"></div>
</body>
</html>

Загрузка test.html в браузер приводит к появлению "hello!", Поэтому проверьте, правильно ли загружен ваш jQuery.

Источник

Решение так просто:

написанная вами готовая функция (строка) неверна, поэтому вы должны писать документ без кавычек, это будет выглядеть так:

$(document).ready(function()({

});
Источник
Другие вопросы по тегам