Javascript не загружает HTML в div

Question

Javascript не загружает HTML в div

0

Почему это не работает? Он должен загружать содержимое другого html файла в DIV с нижним идентификатором

<!DOCTYPE html>
<html lang="en">
　　<head>
　　　　<script type="text/javascript">
function loadContent(href, container){
　　$wrapper = $('<div>'); 
　　$wrapper.addClass('loaded_content_wrapper').appendTo(container).load(href, function(){
　　　　$(this).animate({marginLeft:0}, 'slow').prevAll().animate({marginLeft:'-100%'}, 'slow', function(){
　　　　　　$(this).remove();
　　　　});
　　})
}
　　　　</script>
　　<link href="style.css" rel="stylesheet" type="text/css">
　　</head>

<div onClick="loadContent('hello-world.html', $('#bottom'))">Home</div>
<div id="bottom">
ramkaramka
</div>

</html>

Pablo1517 29 нояб. 2013, в 16:54

Источник

2

Просто чтобы вы знали, вам не хватает тегов <body>
Dave 29 нояб. 2013, в 15:53
0

@DavidThomas Я не вижу там ничего, что могло бы работать до того, как DOM будет готов. Весь код запроса DOM содержится в теле функции ...
JAAulde 29 нояб. 2013, в 16:02

Теги:

javascript

jquery

html

load

1 ответ

Ещё вопросы

Просто чтобы вы знали, вам не хватает тегов <body>
@DavidThomas Я не вижу там ничего, что могло бы работать до того, как DOM будет готов. Весь код запроса DOM содержится в теле функции ...

hm_ngr · Answer 1 · 2013-11-29T14-05-00.000Z

Он работал, если добавить тег script для jquery.js и установить jquery.js, hello-world.html

<!DOCTYPE html>
<html lang="en">
    <head>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript">
function loadContent(href, container){
    $wrapper = $('<div>'); 
    $wrapper.addClass('loaded_content_wrapper').appendTo(container).load(href, function(){
        $(this).animate({marginLeft:0}, 'slow').prevAll().animate({marginLeft:'-100%'}, 'slow', function(){
            $(this).remove();
        });
    })
}
        </script>
    <link href="style.css" rel="stylesheet" type="text/css">
    </head>

<div onClick="loadContent('hello-world.html', $('#bottom'))">Home</div>
<div id="bottom">
ramkaramka
</div>

</html>