jQuery: gestire i tab con gli hash

jQuery: gestire i tab con gli hash

La forza dei selettori jQuery basati sui CSS sta nel fatto che possono essere utilizzati in modo dinamico. Gli hash ne sono un ottimo esempio.

Supponiamo di aver implementato un pannello di controllo basato sui tab. Ad ogni refresh della pagina o ad ogni nuovo caricamento vogliamo poter selezionare sempre il tab corrente. Quindi useremo un URL come https://admin.sito/#tab-1. In jQuery avremo:


var hash = location.hash,
	$tab = $( hash );
	if( $tab.length ) {
		$tab.show().siblings().hide();
	}

Se effettuiamo degli upload senza AJAX possiamo comunque usare questa tecnica utilizzando un semplice redirect.

Documentazione

window.location

Torna su