Question

I wanted to insert this ad code.

 <script type="text/javascript" src="http://website.com/wp-content/plugins/oiopub-direct/js.php?type=banner&align=center&zone=1"></script>

right after

<div id="adminmenu"></div>

So that the output of the script will be displayed after the adminmenu div

Is there a way to do that using jquery? I tried .insertAfter but it only works on plain html.

Answer 1

Render the content first in a hidden, temporary container:

<div class="temp">
    <script type="text/javascript" src="http://website.com/wp-content/plugins/oiopub-direct/js.php?type=banner&align=center&zone=1"></script>
</div>

then move the contents after it is rendered:

$('.temp').contents().appendTo(finalDestination)