Как "обновить" UL после добавления нового LI с помощью jQuery?

Я думаю, что это похоже на этот вопрос, но моя проблема связана с jQuery и HTML5. Я добавляю <LI> элемент к <UL> и ссылки (<a href="..">) добавлен в виде простого текста, не кликабелен. Кроме того, изображения не видны, а <img src=".."> элементы добавляются правильно.

Похоже, мне нужен трюк с "обновлением" после использования append(), Который из?

Это мой код, на всякий случай:

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

Изображение не видно, пока HTML строится правильно. Я пытаюсь в Safari 5.1 на Mac.

Кстати, все отлично работает в Firefox 10.0. Может быть, настоящая проблема в том, что я использую форматирование XML+XSL в Safari и обычный HTML5 в Firefox..

Источник

2 ответа

Решение

Вот как это работает вместо этого (см. Также этот вопрос):

$('#list').html('<li>foo</li>');
Источник

Это добавит элемент li с изображением.

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

Вот пример: http://jsfiddle.net/xchXQ/1/

Источник
Другие вопросы по тегам