Forum PHP.pl > [jQuery] Jak dodać kilka takich samych elementów po danym elemencie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jQuery] Jak dodać kilka takich samych elementów po danym elemencie

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

_Borys_

1.05.2013, 14:53:12

Witam.
Chcę do <ul> dodać listę z obrazkami, ale w efekcie widoczny jest tylko jeden <li> z obrazkiem ostatnim z tablicy.
Elementy <li> muszę tworzyć w ten sposób ponieważ treść będzie wczytywana ajaxem oraz ilość elementów w images_url będzie zależna od wyboru użytkownika.

[HTML] pobierz, plaintext 
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script type="text/javascript">
 
	$(document).ready(function() {
	   var images_url = new Array('image_1.png','image_2.png','image_3.png');
       for(i = 0; i < images_url.length; i++){
       $('ul').html('<li class="view_thumbs" title=""><img src=""/></li>').find('img').load(images_url[i]).attr('src',images_url[i]);
       }
	});
 
</script>
</head>
<body>
<ul>
 
</ul>
</body>
</html>
[HTML] pobierz, plaintext

http://jsfiddle.net/w9rp9/

PrinceOfPersia

1.05.2013, 15:15:47

zamiast .html(...) daj .append(....)

_Borys_

1.05.2013, 15:37:27

Dzięki. Działa

Edit:
Pośpieszyłem się, jednak nie działa tak jak powinno, teraz wyświetla 3x ostatni obrazek.

edit 2:
Już rozwiązałem

[HTML] pobierz, plaintext 
$('ul').append('<li class="view_thumbs" title=""><img src=""/></li>').find('img').eq(i).load(images_url[i]).attr('src',images_url[i]);
[HTML] pobierz, plaintext

Dzięki jeszcze raz.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.