0
表示可能な画面の右側に隠されている<section>
にjquery load()を使用してhtmlファイルをロードしようとしています。この関数は、(ファイヤーバグのように)要求しているファイルの正しい部分を取得し、(画面に表示されるような)コールバックアニメーションを起動しますが、<section>
には入りません。クリックしたときにload()がポピュレートされない<section>
私がconsole.log()に一致する要素を表示すると、正しいセクションに値を設定する必要があるように見えます。助けて?
$("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>
ありがとう:
私のjqueryのは、このようになります!
'target'は同じサーバーのものですか? – Cheery
成功が始まり、コンソールでhtmを見ることができるので間違いなく間違った症状が出る... $ .getに変更して、repsonseでより柔軟に対応しよう – charlietfl
自分のコードを私のテストページにコピーして貼り付けた。私はすべてのCSSの詳細を持っていなかった、明らかに、jQuery 1.7.1を使用していた、トップにHTML5 Doctype宣言を持っていて、Chromeでテストしていた。 @charlietfl suggest ..のように、 '.get()'をやってみると誘惑されるかもしれません! –