Archief - Waarom werkt dit niet

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
R

RobinVdB

Legacy Member
Ik ben bezig met de basis van jQuery te leren en nu kwam ik om dit hier.
HTML: 
<div id="mainMenubar">
				<h6 onClick="openMenubar()">Temp. open</h6>
				<ul>
					<li class="hidden"><a href="###">Index</a></li>
					<li class="hidden"><a href="###/forum">Forum</a></li>
				</ul>
			</div>
Code: 
function openMenubar(){
	$('div.mainMenubar ul li').removeClass('hidden')
}
-

-BVR-

Legacy Member
Daarnet beseft dat je eigenlijk gewoon kan togglen zonder die class. :p gwn $('ul').toggle(); zou ook moeten werken als ik mij niet vergis. Eventueel beginnen met $('ul').hide();. :)
A

Audiosonic

Legacy Member
Een ID van een div duid je aan met een #, een klasse met een .
Wat jij dus moet doen, is je javascript aanpassen naar:
div#mainMenubar
R

RobinVdB

Legacy Member
Audiosonic zei:
Een ID van een div duid je aan met een #, een klasse met een .
Wat jij dus moet doen, is je javascript aanpassen naar:
div#mainMenubar
Klik om te vergroten...

Ik vergis ze echt altijd, terwijl ik toch al langer als een jaar met CSS werk... -_- (Daar heb ik al veel tijd mee verloren...)
-

-BVR-

Legacy Member
RobinVdB zei:
Voor wie het interesseert, mijn afgewerkte code.
jsFiddle link
Klik om te vergroten...

Paar vraagjes:
- waarom de class niet op de ul zelf toepassen?
- var $this = $(this); redelijk nutteloos imo
- waarom per se met classes werken? (Ik ben geen fan van dingen te hiden door een class als het anders kan.)

Ik zou het zo doen. :)
D

Dieterg

Legacy Member
BramVroy zei:
Paar vraagjes:
- waarom de class niet op de ul zelf toepassen?
- var $this = $(this); redelijk nutteloos imo
- waarom per se met classes werken? (Ik ben geen fan van dingen te hiden door een class als het anders kan.)

Ik zou het zo doen. :)
Klik om te vergroten...

Is op zich niet nutteloos, de naamgeving kan gewoon beter. Het is altijd slim om $(this) op te slaag in een variable, zeker bij grotere files. Dan ga je maar 1x zoeken in de dom.
-

-BVR-

Legacy Member
Mam zei:
Is op zich niet nutteloos, de naamgeving kan gewoon beter. Het is altijd slim om $(this) op te slaag in een variable, zeker bij grotere files. Dan ga je maar 1x zoeken in de dom.
Klik om te vergroten...

Awel ja, dat bedoel ik :p ik zou nooit '$' in een gewone variabele zetten en zeker niet dan nog eens 'this' tenzij het echt in héél veel gevallen gebruikt kan worden, maar hier zou ik gewoon voor 'button' gaan. Dat is semantisch het duidelijkste.
D

Drone

Legacy Member
BramVroy zei:
Paar vraagjes:
- waarom de class niet op de ul zelf toepassen?
- var $this = $(this); redelijk nutteloos imo
- waarom per se met classes werken? (Ik ben geen fan van dingen te hiden door een class als het anders kan.)

Ik zou het zo doen. :)
Klik om te vergroten...

Wat doet die spatie tussen button en .text?
R

RobinVdB

Legacy Member
Heb vandaag nog een beetje bijgeleerd en wat andere dingen geprobeerd en nu heb ik dit. (Tevens heb ik die extra divs toegevoegd omdat dit beter past in mijn site!)
Geüpdate versie

BramVroy zei:
Paar vraagjes:
- waarom de class niet op de ul zelf toepassen?
- var $this = $(this); redelijk nutteloos imo
- waarom per se met classes werken? (Ik ben geen fan van dingen te hiden door een class als het anders kan.)
Klik om te vergroten...
- Mm, dat is inderdaad slimmer!
- Zoals mam al heeft gezegd moet je dan maar 1 keer in de dom zoeken.
- Ik wist niet dat .hide() bestond. -_-
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan