jquery - jQueryでhtmlコンテンツを変更する際のエラー

Question

ここで何が問題なのですか？ULコンテンツを他のコンテンツに置き換えたい

$('#carouselselectitem1').click(function() {
$('#foo2').html('<li><div id="lines"></div><div id="tittle">2 PROGRAMEO, LONDRES</div><div id="image"></div><div id="text">LOREM IPSUM XHTML+CSS3 HTTP://WWW.url.com/</div></li>');
});

http://jsfiddle.net/Txyse/

Answer 1

あなたのフィドルには、jQuery の代わりに mootools が含まれています。

フィドルの文字列に改行があります。それを削除するか、\以下のように文字列の最初の行の末尾に a を追加します: (以下\のコードの 2 行目の末尾にある に注意してください)

$('#carouselselectitem1').click(function() {
  $('#foo2').html('<li><div id="lines"></div>\
                  <div id="tittle">TITTLE2</div><div id="image"></div><div id="text">TEXT2</div></li>');
                  });

ワーキングデモ

Answer 2

これを試して、

$('#carouselselectitem1').click(function() {
  $('#foo2').html('<li><div id="lines"></div><div id="tittle">TITTLE2</div><div id="image"></div><div id="text">TEXT2</div></li>');
   });

http://jsfiddle.net/Txyse/8/

Answer 3

あなたのフィドルには多くの問題があります。

1. jQueryがロードされていません
2. Javascriptの文字列に改行があります
3. ドキュメントが読み込まれた後、クリックイベントを添付する必要があります

このフィドルは動作します

$(document).ready( function(){
  $('#carouselselectitem1').click(function() {
        $('#foo2').html('<li><div id="lines"></div><div id="tittle">TITTLE2</div><div id="image"></div><div id="text">TEXT2</div></li>');
  });
});