2012-03-07 11 views
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のは、このようになります!

+0

'target'は同じサーバーのものですか? – Cheery

+0

成功が始まり、コンソールでhtmを見ることができるので間違いなく間違った症状が出る... $ .getに変更して、repsonseでより柔軟に対応しよう – charlietfl

+1

自分のコードを私のテストページにコピーして貼り付けた。私はすべてのCSSの詳細を持っていなかった、明らかに、jQuery 1.7.1を使用していた、トップにHTML5 Doctype宣言を持っていて、Chromeでテストしていた。 @charlietfl suggest ..のように、 '.get()'をやってみると誘惑されるかもしれません! –

答えて

0

問題を解決しました。外部ファイルの<body>タグのIDを使用してload()できないことが判明しました。ファイルを取得しても、DOMに配置されません。 id="content"<body>タグ内の<div>に移動しました。そのタグには<section>が入力されました。

関連する問題