Hogyan tudom többször hozzáadni, ugyanazt az elemet a DOM-hoz jQuery-ben?
//Ez lenne a container
<div class="row gallery"></div>
//Ez a beszúranó elem
<div class="col-md-4 gallery-item" style="display: none">
<div class="thumbnail">
<a href="/images/1.jpg" target="_blank">
<img src="/images/1.jpg" alt="Lights" style="width:100%">
</a>
</div>
</div>
//Ez pedig a beszúró függvény
function showImages(){
$('.gallery').append($('.gallery-item'));
$('.gallery-item').show();
}
Egyszer be tudom szúrni az elemet, de többször nem, pedig ajax-szal szeretnék egy galériát felépíteni.
Köszönöm előre is.
válasza:<html>
<head>
<script src="js/jquery.min.js"></script>
</head>
<body>
<!-- Ez lenne a container -->
<div id="gallery" class="row"></div>
<div id="gallery-item" style="display: none">
<!-- Ez a beszúranó elem -->
<div class="col-md-4 thumbnail">
<a href="images/1.jpg" target="_blank">
<img src="images/1.jpg" alt="Lights" style="width:100%">
</a>
</div>
</div>
<script>
//Ez pedig a beszúró függvény
function showImages() {
var gallery_html = $('#gallery').html();
gallery_html += $('#gallery-item').html();
$('#gallery').html(gallery_html);
}
showImages();
showImages();
showImages();
</script>
</body>
</html>
válasza:<script>
function showImages(newstr) {
var gallery_html = $('#gallery').html();
var oldstr = "images/1.jpg";
gallery_html += $('#gallery-item').html().replace(oldstr, newstr).replace(oldstr, newstr);
$('#gallery').html(gallery_html);
}
showImages("images/1.jpg");
showImages("images/2.jpg");
showImages("images/3.jpg");
</script>
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!