jQuery $(this).remove() funktioniert nicht nach append

Ich habe ein div mit class="tags" mit einem vordefinierten Link.

<div class="tags">
     <a href="#">myLink</a>
</div>

Und ich habe die Funktion zum entfernen des hyperlinks, wenn der Benutzer darauf klickt.

$('.tags a').click(function() {
    $(this).remove();
    return false;
});

Und diese arbeitet mit vordefinierten hyperlinks.
Wenn ich weitere links mit Hilfe von jQuery (nachdem die Seite geladen ist)

$('.tags').append('<a href="#">newLink</a>');

Funktion hyperlink entfernen (klicken Sie auf) nicht aufgerufen werden auf diese, zusätzlichen links. Wie man dieses Problem lösen?

InformationsquelleAutor svenkapudija | 2012-03-12
  1. 5

    Haben Sie über die live-Funktion:

    $(".tags a").live("click", function() {
    //...
});

    Weil Sie mit dem hinzufügen der links nach dem erstmaligen laden der standard-click-Ereignis wird nicht gebunden, um die dynamische links Hinzugefügt.

    • Hinweis:, die live() wurde abgeschrieben, seit 1.7. Es ist ratsam, on() von nun an. Der übersetzte Aufruf wäre $(document).on('click', '.tags a', function () { /* foo */ });
    • Danke. Sollte ich benutze es auf alle meine Klicks/ähnliche Aktionen, oder nur, wenn Sie wirklich benötigt?
    • Für die Leistung, den Blick auf diese Antwort: stackoverflow.com/questions/6047193/liveclick-and-performance ich persönlich bevorzuge das click-Ereignis, und verwenden Sie nur das live-Ereignis aus, wenn ich es wirklich brauchen, so ist es klar, dass es dynamische Elemente Hinzugefügt.
    InformationsquelleAutor kufi
  2. 0

    Ihre click-Ereignis nur an aktuelle dom-element nicht für künftige element.Wenn Sie möchten, fügen Sie diese Veranstaltung, um alle element gehören Zukunft haben, dann müssen Sie die Verwendung live-event in jquery.
    http://jsfiddle.net/6cGvt/

    • Hinweis:, die live() wurde abgeschrieben, seit 1.7. Es ist ratsam, on() von nun an. Der übersetzte Aufruf wäre $(document).on('click', '.tags a', function () { /* foo */ });
    • Yup,...Für die neueste version von jquery .verwenden Sie die ON-Methode
    InformationsquelleAutor sandeep
Schreibe einen Kommentar