Ich habe eine Liste von Artikeln in meiner Webanwendung; jeder von diesen hat eine Reihe von Befehlsschaltflächen, die darunter angeordnet sind.
Um die Benutzeroberfläche sauber zu halten, werden diese Schaltflächen nur angezeigt, wenn Sie den Mauszeiger über das Element bewegen. Die Schaltflächen sind in einem Tag eingeschlossen, das das folgende CSS-Attribut aufweist: visibility: hidden
Dadurch wird das Layout beibehalten - damit die Listenelemente nicht herumspringen, wenn die Schaltflächen angezeigt werden.
Ich möchte die Schaltflächen mit jQuery ein- und ausblenden. Die Standardmethoden ( fadeIn(), fadeOut() ) scheinen jedoch display: none zu verwenden, wodurch die Schaltflächen aus dem Fluss entfernt werden.
Was ich brauche, ist eine Möglichkeit, sie mithilfe des Attributs visibility ein- oder auszublenden. Also, bevor ich mich auf die Suche mache, weiß irgendjemand von einem offensichtlichen Weg, dies zu tun, den ich vermisse?
Prost
Erstellen Sie leere Wrapper-DIVs (mit angegebenen Dimensionen) für die ausgeblendeten Elemente. Verblassen was drin ist. Alternativ können Sie es auf 1% verblassen, so dass es immer noch Platz braucht, aber kaum sichtbar ist.
Scheint wie $ (this) .fadeTo ("langsam", 0); sollte es tun, sagen die Dokumente nichts über die Einstellung der Anzeige. Nur fadeOut () hat die Anzeige: keine; Stellen Sie in den Dokumenten, aber geben Sie mir nur einen Moment und ich werde es ausprobieren.