Не срабатывает при отсутствии в теле документа
 

Здравствуйте.

Есть html файл, нужно из внешнего html файла загрузить часть дизайна.

Если прям в теле html документа содержится:

<div id="example-1"></div>

<script type="text/javascript">
$('#example-1').load('http://www.site.ru/js/file.html', function()
{
});
 </script>

то все срабатывает, но если в теле документа оставить только

<div id="example-1"></div>

при этом код

$('#example-1').load('http://www.site.ru/js/file.html', function()
{
});

подключить через

<script type="text/javascript" src="http://www.site.ru/js/script.js"></script>

то не срабатывает.

Объясните нюбу причину, пожалуйста

$(function(){
    $('#example-1').load('http://www.site.ru/js/file.html', function() {
        // ...
    });
});

Гуглим по словам jquery ready:
http://api.jquery.com/ready/

Смысл, что вот этот код:

$('#example-1').load ...

должен в документе находиться как минимум после

<div id="example-1"></div>

чтобы нашел изменяемый элемент.

Т.е.

<script  type="text/javascript" src="http://www.site.ru/js/script.js"></script>

в конец файла запихните.

Спасибо !!! :) вроде заработало!!! :)

Вы оба неимоверно круты, на другом форуме мне мозг выносили, но никто так и не дал совета!