Javascript not loading html into divs

Question

Why this doesn't work? It's supposed to load content of another html file into DIV with bottom id

<!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>

@DavidThomas I don't see anything there which would run before DOM ready. All DOM querying code is contained within function bodies... — JAAulde
– JAAulde, Commented Nov 29, 2013 at 16:02

hm_ngr · Accepted Answer · 2013-11-29 16:24:38Z

1

It worked if add script tag for jquery.js and set 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>

answered Nov 29, 2013 at 16:24

hm_ngr

1715 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Javascript not loading html into divs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related