Я пытаюсь загрузить html-файл с помощью jquery load () в <section>, который скрыт справа от видимого экрана.Функция получает правильную часть файла, который я запрашиваю (как видно в firebug), запускает анимацию обратного вызова (как видно на экране), но не заполняет <section>.
Когда я утешаю.log () соответствующий элемент выглядит так, как будто он должен заполнять правильный раздел.Справка?
Мой jquery выглядит так:
$("a.more").not('.contact').click(function (event){
event.preventDefault();
var target = $(this).attr('href')+' #content';
$(this).parents('article').children('section.toPopulate').load(target, function() {
$(this).parents('article').children('header').animate({
'left' : -$(this).parent('article').children('header').outerWidth()
});
$(this).animate({
'left' : 0
});
});
});
HTML выглядит так (и их больше на этой странице)
<article id="projectID" class="project">
<header class="dark">
<div class="intro">
<figure class="logo">
<img ..>
</figure>
<h1>...</h1>
<div class="text">
<p>...</p>
</div>
<a class="more" href="#">more</a>
</div>
</header>
<section class="slide toPopulate">
</section>
</article>
Спасибо!