Jquery auf dynamische Elemente anwenden

[Marcus-24-D]

Hi.
Wie lässt sich jquery auf dynamisch generierte divs anwenden?
Auf im DOM bereits vorhandene Elemente funktioniert das

function test(){

var div = document.createElement('div');
div.innerHTML = "test";
div.id ="resizable";
div.style.color = 'red';
document.body.appendChild(div);

}

$(function() {
$( "#resizable" ).resizable();
});

<a id="klick" onclick="test();" href="#">hinzu</a>

Vielen Dank

[combie]

.on() | jQuery API Documentation
Oder bei älteren jquery Versionen .live() | jQuery API Documentation

[Marcus-24-D]

mh..mit live hatte ich es gestern schonmal probiert.

$( "#resizable" ).on.resizable();

scheint ja nicht die lösung zu sein oder ich habs falsch eingebaut.

 $(function() {

$('.gen').on('.gen', $( ".gen" ).resizable() );

});

<script>
function an(){

var div = document.createElement('div');
div.innerHTML = "test";
div.id ="resizable";
div.class="gen";
div.height ="50px";
div.width = "50px";
div.style.backgroundColor="red";

div.style.color = 'black';
document.body.appendChild(div);

	
}
</script>
<div id="resizable" class="gen"><a id="klick" onClick="an();" href="#">an</a>

[UzumakiNaruto]

ich denk deine ausgabe unten ist nur zur verdeutlichung oder erzeugst du da ein div das es schon gibt (gleiche id)?

wieso machst du das div nicht einfach sichtbar mit jquery (vorher ist es eben unsichtbar)

[Marcus-24-D]

ne, weil die divs dynamisch generiert werden. die id ist ebenfalls dynamisch, deswegen wende ich jquery ja auch auf eine klasse an.
aber habs immernoch nicht hinbekommen.
ja genau, ich hab nur ein beispiel gegeben.

[Melewo]

Ich hatte mal ein ähnliches Problem, nur mit JS und ohne jQuery. Ein Element war vorhanden, ein zweites mit createElement hinzufügen und Style-Eigenschaften versehen war kein Problem. Doch dann in einem zweiten Schritt beide verändern schlug fehl. Was nicht beim Aufruf bereits im DOM vorhanden war, sondern erst erzeugt wurde, ließ sich scheinbar nicht verändern oder wurde nicht erkannt.

Ging um eine Überblendfunktion, unter anderem sollten Images hinzugefügt und der z-Index gewechselt werden. Schrieb dann zwei Image-Tags in den Quelltext und setzte das eine anfänglich nur auf display:none, ähnlich wie ja UzumakiNaruto bereits schrieb. Ob es da noch andere Lösungen gibt, ist mir bislang nicht bekannt. Das war jetzt keine große Hilfe, ich weiß.

[Marcus-24-D]

nun ja, aber mit on() soll das wohl funktionieren. aber anscheinend habe ich da nen anwendungsfehler :/