加载页面，然后仅加载div

Question

I am using some JQuery to load a div from another page to the current page, the problem I am having is that the content is the div does not exist until that page has loaded.

<div id="placeholder"></div>

What I am trying to do is load the page first (So the content goes into the div) and then I want to load the div in the current page.

Currently I have something which looks like this:

<script src="//code.jquery.com/jquery-1.10.2.js"></script>

<div class="panel-body">
    <div id="bar-chart-db" class="height-sm"></div>
</div>

<script>
    $( "#bar-chart-db" ).load( "../index.aspx #placeholder" );
</script>

Is what I want to do possible and if it is, any suggestions?

Answer 1

you have to wrap the jquery in a document ready function:

$(function(){
    $( "#bar-chart-db" ).load( "../index.aspx #placeholder" );
});

Here is something you might want to read: Document Ready Function