2013-12-22 2 views
1

В настоящее время я создаю веб-сайт, на котором можно загрузить шаблон для его использования в качестве способа его просмотра, а также загрузить «post», который содержит текст, который будет помещен в post div. Однако я столкнулся с небольшой проблемой.Загрузите текст в div с помощью jQuery, когда div был создан функцией jQuery .load()

Казалось бы, что Jquery не может увидеть DIV, что созданный с помощью функции .load

мне нужна работа вокруг для загрузки текста в DIV, когда DIV был создан .load JQuery() функции.

HTML код

<body> 
    <div id="header"> 
    </div> 
    <script> 
     $("#header").load("/Templates/Template.html #header"); 
     $("#post").load("/post.html"); 
    </script> 
</body> 

template.html Код

<body> 
<div id="header"> 
    <div id="post"> 
    </div> 
</div> 
</body> 

Post.html Код

Как будет идти о том, чтобы JQuery увидеть DIV с "пост", как id. PHP является вариантом, если это будет проще

ответ

2

Вы должны использовать на нагрузку полной функции, так как Ajax является асинхронным и те двумя .load() запустить в то же время, так что ДИВО #post еще не существует, когда вы звоните Это.

Попробуйте это:

$("#header").load("/Templates/Template.html #header", function() { 
     $("#post").load("/post.html"); 
    }); 

И убедитесь, что есть #post внутри #header пришедшего из Template.html, так как вы заменяете, что содержание дивы.

+1

Большое вам спасибо! Я новичок в jQuery, поэтому не понял, что это был async – LAK132

+0

@ LAKRIDES, я мог бы с радостью помочь. – Sergio

Смежные вопросы