jQuery show() nicht eine Funktion verwendet werden, hinzufügen von DOM-Elementen

Ich bin der Migration von PrototypeJS von jQuery, und ich habe Probleme mit der Anwendung Funktionalität, um neue DOM-Elemente Hinzugefügt, die in einem einfachen banner Skript.

Grundsätzlich auf die Seite laden, neue DIV-Elemente platziert, die in das DOM mithilfe der append(), so wie ich das verstehe, ist dies, wie es gemacht wird jQuery im Gegensatz zu Prototyp des Element-Objekts.

$.each(Banner.data, function(i, e) {
  $('#banner_area').append("<div class='banner_slot' id='bannner-"+ i +"'>...[nested elements]</div>").hide();
    });
$('.banner_slot').get(0).show();

Beim Check-Firebug die Elemente wurden erfolgreich Hinzugefügt worden, um den DOM, und werden sofort ausgeblendet. Dann die erste (0) - element zeigen sollte... aber Firebug gibt mir diese Fehlermeldung:

TypeError: $(...).get(...).show is not a function
http://www.ten103.com/javascript/global_desktop.js
Line 15

Ich bin sicher, dies ist etwas einfacher, da habe ich mit Prototyp für Jahre, aber verschieben müssen, um zu jQuery, weil... nun ja, mehr Menschen es nutzen so die Ressourcen sind unendlich viel besser.

Gibt es einige grundlegende Unterschied zwischen den beiden, das fehlt mir hier?

  • statt $('.banner_slot').get(0).show(), versuchen Sie es mit $('.banner_slot')[0].show()
  • Verwenden Sie die richtige Methode, ersetzen Sie einfach get mit eq
  • ...oder .first().
InformationsquelleAutor mwieczorek | 2015-07-11
  1. 9
    $('.banner_slot').get(0).show();

    änderung 

    $('.banner_slot').eq(0).show();

    .get() gibt das DOM-element, während .eq() gibt jQuery-Objekt und .show() ist jQuery API.

    Weitere Informationen über .get() und .eq() Kasse die jQuery-API-docs

    InformationsquelleAutor vinayakj
  2. 2

    Müssen Sie update

    $('.banner_slot').get(0).show();

    zu

    $($('.banner_slot').get(0)).show();

    Hinweis : get() gibt Sie ein DOM-Element und show() ist anwendbar auf jQuery-Objekt, daher müssen Sie es zu konvertieren in jQuery-Objekt um die Funktion zu verwenden.

    • Kann mir jemand erklären, warum nach unten Stimmen?
    • Ich würde davon ausgehen, es ist, weil Sie ein jQuery-Objekt, das Sie verwenden, um ein DOMElement, und schalten Sie es dann wieder in ein jQuery-Objekt wieder, wenn stattdessen Sie konnte einfach eq().
    • Ich bin damit einverstanden. Ich wollte unterstreichen das Thema und dann Notizen hinzufügen.
    • Ich Stimme jedoch zu, als ich sagte, ich wollte unterstreichen das Problem.
    InformationsquelleAutor Nikhil Aggarwal
Schreibe einen Kommentar