2009-06-17 13 views
0

私は#container #boxes #third li aの中でホストされている何かをliに前置きしようとしていますが、それはうまくいきません。jQuery replaceWith、append、prepend not working

$('#container #boxes #third li a').append(kevintext); 

をしかし、私はそれを行うたび、何も起こりません:

私は、次のコードを使用しています。実際のコードはtesting pageにあります。

これはうまくいきませんでした。私はフッター内のスパンを他のテキストに置き換えることを試みました。JavaScriptを無効にしている人には、私の上にカーソルを置いてホバーしようとしません。

私は、次のコードを使用:どちらか動作しませんでしたので、私はこのことを考えてい

$('#footer span').replaceWith('<i>For design info, mouse over me.</i>'); 

は、おそらく私のコードとは何かを持っている、そしておそらく1つの修正は、両方の問題を解決するのだろうか?

助けてください。

+0

簡単なテストケースを作るのに時間がかかった場合には役に立ちます – albertein

+0

私はちょうど$( '#third li a')を実行しました。最後のブロックの3つのリスト項目すべてにテストを追加しました。 –

答えて

4

あなたは何をすべきでしょうか。おそらくそうではない主な理由は、少なくとも(私はassets/script.jsで取ったクイックルックで)あなたは$(document).ready()の外でこれを実行しようとしているからです - この関数でコードをラップすることなく(あなたが別の部分のためにやった)要素はまだ作成されていないので、その時点で何も起こりません。

+1

+1 - 意味する – karim79

+0

ああ;私はいつもdocument.readyが実行されたら、ページが終了したことを意味し、それで何も追加できないと思っていました。 –

+0

そうすれば、たくさんのウェブサイトが不可能になります。すべてのdocument.readyは、DOMツリーが準備されるのを待っているので、ページ内の要素の選択を行うことができます。特定の場所にコンテンツを追加しているので、特定の場所を見つけるためにDOMが準備されるのを待たなければなりません。 –