如何在使用jQuery添加新LI后“刷新”UL？

Question

我认为它与这个问题类似，但我的问题是关于jQuery和HTML5。 我正在向<UL>添加<LI>元素，并在apears中添加链接（ <a href=".."> ）作为纯文本，而不是可点击的。 除此之外，图像不可见，而<img src="..">元素正在被添加属性。

看起来我在使用append()后需要一些“刷新”技巧。 哪一个？

这是我的代码，以防万一：

$('ul').append($('<li/>').append($('<img/>').attr('src', 'http://example.com')));

正在正确构建HTML时，图像不可见。 我在Mac上试用Safari 5.1。

顺便说一下，Firefox 10.0中的一切都运行得很好。 也许真正的问题是我在Safari中使用XML + XSL格式，在Firefox中使用纯HTML5。

Answer 1

这是它的工作方式（也见这个问题 ）：

$('#list').html('<li>foo</li>');

Answer 2

这将添加一个带有图像的li元素。

   $("ul").append("<li><img src='http://www.yourimage/normal.JPG' /> </li>"); 

以下是示例： http ： //jsfiddle.net/xchXQ/1/