jQuery - .auf Blättern funktioniert nicht auf neu hinzugefügte div

Habe ich einen button "Fenster Hinzufügen" und nach einem Klick wird ein neues div-Element Hinzugefügt werden, um den dom. Das scroll-Ereignis über das neue div will nicht befestigt bekommen Sie und zeigen Sie Warnung, wenn gescrollt werden. Ich weiß, dass da es ist neu Hinzugefügt, die wir integrieren müssen, die auf event-handler, aber noch nicht für mich arbeiten. Hier ist, was ich versucht habe:

<div id="window-add">Window Add</div>

$('#window-add').click(function(){
    $(this).after('<div id="scroll-window">Scroll Me.</div>');
});

//using on doesn't work below either
$('#scroll-window').scroll(function(){
    alert('scrolling');
});

Jede Idee, wie man diese arbeiten?
Hier ist die fiddle

stellen Sie sicher, dass Sie nicht das hinzufügen von Elementen mit der gleichen id mehrmals in Ihrem Dokument.
Ich bin mir sicher, dass Ejay. Check out the fiddle
haben Sie versucht, die Einstellung der überlauf-scrollen?

InformationsquelleAutor Wonka | 2013-04-29

3
1. ID MUSS für die Seite eindeutig sein. (Sie sind das hinzufügen mehrere IDs)
2. Du bist einfach hinzufügen nicht-scrollbaren Elemente Körper.
  
  Als das scrollen eigentlich die Körper element, das Sie können nicht erwarten, dass $('#scroll-window') zu nennen, ein scroll Veranstaltung.
Mithilfe von jQuery 1.6.4 (Lilke in Ihrer fiddle), die Sie zu tun haben somethog wie dies mit .bind():

LIVE-DEMO
```
var scrollWindow = $('<div>', {
    id:"scroll-window",
    html: "Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me.Scroll Me."
});


$('#window-add').click(function(){
    $(this).after(scrollWindow);
});

//IF YOU USE jQ (1.7+) you can use .on() method instead of .bind()
scrollWindow.bind('scroll', function(){
    alert('scrolling');
});
```
jQuery <1.7 verwenden .bind()

jQuery 1.7+ verwenden .auf()
- ok, sorry für die Komplikation. Wenn Sie es einmal klicken, es wird einzigartig sein (so klicken Sie es einfach einmal). Dann habe ich versucht, zu verwenden .auf zu registrieren scrollen Sie auf der neuen Fenster, aber es funktioniert nicht
- was meinst du mit: "neues Fenster"? Was ein neues Fenster? nur $(window) registrieren, wird die scroll event jsfiddle.net/rJFCz/10 es sei denn, Sie verwenden eine CSS overflow für Ihre hinzugefügten Elemente.
- hier ist ein neuer Turnschuh. Ich möchte wirklich zu verwenden .auf jsfiddle.net/rJFCz/12
- aber Sie müssen, um Bildlaufleisten zu Ihrem new element, derzeit body hat Scrollbalken. Gotcha?
- Ich versuche nicht zu verwenden-Fenster als Selektor hier, wie Sie in anderen Bereichen, die nicht hier gezeigt
- Also im Grunde jetzt die Bildlaufleisten erscheinen in der neuen div, aber das scrollen immer noch nicht Alarm
- Hinzugefügt wurde ein demo-und ein Beispiel, wie es zu tun.
- wow, das funktioniert, aber es scheint ziemlich Komplex für so eine einfache Sache. Stört es dich, eine kleine Erklärung, warum müssen wir eine variable erstellen, aus der div-statt übergeben Sie den Selektor und binden/auf es aufpassen? Behandeln Sie es als veraltet Leben? Danke für die funktionierende Lösung aber!
- Ich weiß nicht genau, warum es nicht funktioniert, mit einem klassischen Ereignis-delegation (wie .on() tut), so entschied ich mich zu einer in-memory-element, so jQuery wird wissen, was element zu delegieren, die scroll (sieht aus-wie-Problem-anfällig) - Ereignis.
- Dank roXon hoffe, dass Sie dieses Problem lösen!
InformationsquelleAutor Roko C. Buljan

$('#window-add').click(function () {
  $(this).after('<div id="scroll-window">Scroll Me.</div>');
  $(window, this).scroll(function () {
    alert('scrolling');
  });
});