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

您的小提琴包括 mootools 而不是 jQuery。

你的小提琴中有一个换行符。删除它或\在字符串的第一行末尾添加 a ，如下所示：（注意下面\第二行代码的末尾）

$('#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>');
  });
});