Refresh DOM Jquery

Habe ich zwei input-Tasten auf meinem Dokument, die enthalten sind in einem Haupt-div - "container".

Den code, den ich verwendet habe, für Sie ist:

<input id="anotherservices" type="button" value="Add Another Service">
<input id="addmultiterms" type="button" value="Go">

Nun, wenn ich auf den ersten button, also die Schaltfläche mit dem Wert "Add Another Service", muss ich, beide der oben genannten Tasten fade-out, und dann ein ajax-request ausgeführt wird. Dann beide buttons bekommen, die an die wichtigsten "container" div wieder.

Und diese ist rekursiv, was bedeutet, dass, wenn ich wieder klicken Sie auf die erste Schaltfläche, die wurde neu angefügt, wiederum sowohl den neu angefügten buttons sollen ausgeblendet werden, die anderen eingestellt werden apppended auf das Dokument.

Den code ive verwendet, für die Durchführung dieser ist folgt:

$('#anotherservices').live("click",function(e)
{ 
$(this).fadeOut();
$('#addmultiterms').fadeOut();

/* ajax request goes here */ 

$('#container').append('<input id="anotherservices" type="button" value="Add Another Service">');

$('#container').append('<input id="addmultiterms" type="button"  value="Go">');

Aber der zweite Knopf, mit dem Wert "Gehen" nicht ausblenden, denn es ist nicht Hinzugefügt wird, um das dom zur Laufzeit.

Wie kann ich dies erreichen?

  • fadeOut() nicht entfernen von Elementen, ist es nur versteckt Sie, so erstellen Sie mehrere Elemente mit der gleichen id. Warum nutzen Sie nicht .append() zu bewegen, die vorhandenen Tasten an das Ende des container, und verwenden Sie dann fadeIn (), um zu zeigen, Sie wieder?
  • geändert fadeOut zu Entfernen. Und jetzt funktioniert es. Vielen Dank 🙂
InformationsquelleAutor Kanishk Dudeja | 2013-01-11
  1. 1

    fadeOut() nicht entfernen Elemente wie nnnnnn sagte in einem Kommentar. Sie können fadeIn() Methode, um display-Tasten wieder. Und können den Wert ändern, der button mit der

    $("#addmultiterms").attr('value', 'Go');

    Die zweite option ist entfernt, die Knöpfe vor dem hinzufügen von neuen buttons können Sie verwenden Sie den folgenden code, um die zu entfernen-Taste.

    $("#addmultiterms").remove();
    InformationsquelleAutor Siddiqui
  2. 0

    Wenn Sie sind das hinzufügen der Elemente dynamisch , Sie zu verwenden haben,

    $(document).ready(function (){
     -- Your Function goes here
})

    warum, weil zum ersten mal beim Anhängen der fadeOut-und etwas anderes, es muss zuerst erstellt werden, dann können Sie Folgen anderen Logiken wie, entfernen oder sowas..
    Durch die Art und Weise haben Sie, um verwenden 'entfernen' offensichtlich....

    Hoffe, das hilft......

    InformationsquelleAutor Raghurocks
Schreibe einen Kommentar