Ich reiße mir die Haare aus und versuche herauszufinden, warum das Mouseover-Ereignis mit dem .on-Handler mit einem dynamisch erstellten Element aus Ajax nicht funktioniert. Das einzige, was zu funktionieren scheint, ist der Code mit .live, aber ich verstehe, dass er veraltet ist.

$(".dropdown ul li").live("mouseover", function() {
alert('mouseover works');
});

Wenn ich es jedoch mit .on versuche, funktioniert es nicht - egal welche Variationen ich versuche (document.ready, .mouseover, etc etc)

$(".dropdown ul li").on("mouseover", function() {
alert('mouseover works');
});

Die Ereignishandler befinden sich am Ende des Codes und werden daher zuletzt ausgeführt. Hat jemand eine Idee was ich falsch mache ???