archivierte Beiträge lesen
- (JAVASCRIPT) jQuery fadeToggle als Inline-Element von peterM, 07. 02. 2012, 12:28
jQuery fadeToggle als Inline-Element
Der folgende Beitrag wurde am 07. 02. 2012, 12:28 Uhr von peterM veröffentlicht.
Hi
Wenn ich ein Element mit jQuery einblenden lasse (zB fadeToggle) wird es automatisch als block-element (display:block) gesetzt. Ich bracuhe das Element aber unbedingt als inline-Element. Wie kann ich das verwirklichen? Würde gerne die Effekte beibehalten.
Grüße
jQuery fadeToggle als Inline-Element
Der folgende Beitrag wurde am 07. 02. 2012, 12:53 Uhr von Gunnar Bittersmann veröffentlicht.
@@peterM:
nuqneH
> Wenn ich ein Element mit jQuery einblenden lasse (zB fadeToggle) wird es automatisch als block-element (display:block) gesetzt. Ich bracuhe das Element aber unbedingt als inline-Element. Wie kann ich das verwirklichen?
Mit CSS-Transitions (mit Vendor-Präfixen).
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
jQuery fadeToggle als Inline-Element
Der folgende Beitrag wurde am 07. 02. 2012, 13:15 Uhr von Matthias Apsel veröffentlicht.
Om nah hoo pez nyeetz, peterM!
> Wenn ich ein Element mit jQuery einblenden lasse (zB fadeToggle) wird es automatisch als block-element (display:block) gesetzt. Ich bracuhe das Element aber unbedingt als inline-Element. Wie kann ich das verwirklichen? Würde gerne die Effekte beibehalten.
Entweder jQuery, dann display: inline (Spezifität beachten)
oder CSS, siehe Gunnars Posting
Matthias
--
1/z ist kein Blatt Papier.
jQuery fadeToggle als Inline-Element
Der folgende Beitrag wurde am 07. 02. 2012, 16:20 Uhr von molily veröffentlicht.
> Wenn ich ein Element mit jQuery einblenden lasse (zB fadeToggle) wird es automatisch als block-element (display:block) gesetzt. Ich bracuhe das Element aber unbedingt als inline-Element. Wie kann ich das verwirklichen? Würde gerne die Effekte beibehalten.
Du kannst direkt mit animate und Complete-Callbacks arbeiten:
.animate({ opacity: 0 }, 'slow', function () {
$(this).css('display', 'none');
})
bzw.
.animate({ opacity: 1 }, 'slow', function () {
$(this).css('display', 'inline');
})
Vielleicht geht auch einfach .show() bzw. .hide(). jQuery sollte automatisch den richtigen display-Wert verwenden, indem es von dem gesetzten ausgeht. D.h. wenn der Startwert »inline« ist, dann setzt hide() den Wert auf »none« und show() den Wert zurück auf »inline«.
Mathias
jQuery fadeToggle als Inline-Element
Der folgende Beitrag wurde am 07. 02. 2012, 16:30 Uhr von Gunnar Bittersmann veröffentlicht.
@@molily:
nuqneH
> Vielleicht geht auch einfach .show() bzw. .hide().
toggle().
> jQuery sollte automatisch den richtigen display-Wert verwenden, indem es von dem gesetzten ausgeht. D.h. wenn der Startwert »inline« ist, dann setzt hide() den Wert auf »none« und show() den Wert zurück auf »inline«.
Das tut toggle() auch.
Mir ist nur nicht klar, warum man dafür JavaScript (und gar nch mit jQuery) verwenden möchte.
Qapla'
--
Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
(Mark Twain)
jQuery fadeToggle als Inline-Element
Der folgende Beitrag wurde am 07. 02. 2012, 17:05 Uhr von molily veröffentlicht.
> > Vielleicht geht auch einfach .show() bzw. .hide().
>
> toggle().
Das geht (beim Starten der Animation) von einem spezifischen Wert aus, der (zum Ende der Animation) nicht gegeben sein muss. show/hide ist da eindeutiger.
> Mir ist nur nicht klar, warum man dafür JavaScript (und gar nch mit jQuery) verwenden möchte.
Keine Ahnung, ich kenne ja den Anwendungsfall nicht, um hier für das eine oder das andere plädieren zu können oder die konkreten Vor- und Nachteile diskutieren zu können…
Mathias
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4