CSS + jQuery - Kann .toggle () und wiederholtes jQueryTemplate Item nicht ausführen [Ich muss Sie warnen, dass dies ein wenig überwältigend ist]

Question

8

Okay, los geht's:

Stream.html (Vorlagendatei)

%Vor%

%Vor%

%Vor%

Probleme mit jQuery:

Ich habe Kommentare, die zu jedem .streamItem gehören. Meine vorherige Lösung war, ListView control wie folgt zu verwenden:
%Vor%
Wie Sie sehen, ist dies keine Lösung, seit ich jQuery-Vorlagen verwendet habe und die Daten mit der folgenden jQuery $.ajax -Methode abrufe:
%Vor%
Wie kann ich das beheben, ohne die alte ListView -Lösung zu verwenden, aber jQuery Templates zu verwenden, um die Kommentare zu laden, wenn ich Daten für einen bestimmten Stream erhalte? Ich verwende eine einfache WebMethod um meine Daten wie folgt zurückzugeben:
%Vor%
Ich suche nach einer Möglichkeit, das .toggleInput click-Ereignis zu behandeln. Ich muss überprüfen, ob .Comments (ein Hauptcontainer für den (comments container <div> )) untergeordnete Elemente hat (oder mehr als ein .commentItem ). Wenn ja, dann muss ich .inputContainer anzeigen und alle anderen .inputContainer divs mit .Comments size() == 0 ausblenden, wenn sie sichtbar sind.

Siehe das Bild unten:

%Vor%

%Vor%

Probleme mit CSS:

Beim Laden der Seite hat display: none; keine Auswirkung.

Das ist es! Wenn Sie dies lesen, möchte ich Ihnen für Ihre Zeit und Ihre Gedanken danken! :)

javascript c# jquery css asp.net

user1027620 16.11.2011, 16:58

quelle

score 1 · Accepted Answer

yuo versucht auf Elemente an falscher Stelle zuzugreifen

in js :

%Vor%

ist es kein Child-Element .inputContainer - es gibt nichts, um

umzuschalten

(. engest würde auch nicht funktionieren, da .inputContainer kein übergeordnetes Element des .toggleInput ist, sondern dessen Eltern-Geschwister)

jQuery Selector wäre $ (this) .closes ('. itemGadgets'). next ();

für 2.

in Ihrem Klick-Handler

%Vor%