Alternative zu jquery live arbeiten kann

Ich habe diesen einfachen code. http://jsfiddle.net/borth/BmEZv/
Wenn Sie auf den link, sobald es funktioniert. Wenn Sie klicken Sie auf es ein zweites mal funktioniert es nicht. Aufgrund der html geladen wird in html-nachdem der DOM geladen wurde, habe ich versucht .auf, .binden, .delegieren Sie, und .live. Keine von Ihnen außer .Leben, die veraltet sind (ich bin mit jquery 1.7.2).

Kann mir jemand erklären, warum .live ist die einzige Funktion, die funktioniert und warum die anderen nicht funktionieren (oder wenn ich mache etwas falsch mit den anderen Funktionen).

$(document).ready(function(){
  $(".OpenPopup").bind('click', function(e){
      alert('test .OpenPopup');
      //do something
      return false;
  });
  $(".EditIcon").bind('click', function(){
      alert('test .EditIcon');
      //do something
      $("#ABC").html('<div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="EditText">click here again</div>');
  });
});


<div id="ABC"><div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="EditText">click here</div></div>

.On ist der offizielle Ersatz für .Live
Lesen Sie den jQuery docs-FAQ, die Antwort auf why
Ich habe es auf Arbeit mit .auf(). Ich hatte die falsche syntax.

InformationsquelleAutor Brandon Orth | 2013-01-07

$(document).ready(function(){
        $(document.body).on('click', ".OpenPopup", function(e){
            alert('test .OpenPopup');
            //do something
            return false;
        });
        $(document.body).on('click', ".EditIcon", function(){
            alert('test .EditIcon');
            //do something
            $("#ABC").html('<div class="EditIcon OpenPopup" pwidth="800" pheight="500" ptitle="Edit Text">click here again</div>');
        });
    });

wow hätte Nie gedacht auf diese Weise. Ich bin noch auf der Suche nach einigen alternativen Weg .live im neuesten jquery bauen. Gibt es irgendein offizielles statement? Vielen Dank für das snippet werde ich diese eine Prüfung.
Aber wie Sie die Ziel .openpopup, auf die geklickt wurde?
e.target innerhalb des click-handlers jQuery event.Ziel doc

InformationsquelleAutor Dhofca

2

.on() verwendet werden kann mit oder ohne delegation, unten ist ein Beispiel der on() mit delegation.
```
$("#ABC").on('click', ".OpenPopup", function(e){
```
http://jsfiddle.net/BmEZv/1/
- Und das funktioniert nicht. Es funktioniert auf den ersten Klick wie erwartet, aber auf das zweite klicken, es registriert nur die erste Warnung mit .auf(). $(".EditIcon").bind('click', function(){ nicht gefeuert. Ich habe auch versucht, es mit .delegate().
- wollen Sie mich zu re-schreiben Sie den gesamten code für Sie?, ändern Sie einfach die zweite Bindung an on()
- Ich veränderte Ihre Beispiel hinzufügen .auf (), um die .EditIcon klicken. Funktioniert. Danke.
- Ich habe es jetzt funktioniert. Dhofca gemacht, die Korrekturen unten. Danke Musa.
InformationsquelleAutor Musa

Folgende @Dhofca dies wirklich funktioniert. Ich bin nur zeigen, ein Beispiel, das habe ich versucht mit "this" - Schlüsselwort.

$(document.body).on('click', ".query-result table tr", function () {
    var el = $(this);
    el.closest('table').find('tr').removeClass('dotted');
    el.addClass('dotted');
});

InformationsquelleAutor Asif Ashraf

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.