Hola, espero que alguien pueda ayudar. Quiero ocultar el identificador de fragmento en la barra de dirección de modo que en lugar de:eliminando el identificador # fragmento de la barra de direcciones
www.mydomain.com/example.html#something
apenas consigo:
www.mydomain.com /example.html
cuando hago clic en una etiqueta de anclaje.
He visto muchas preguntas y foros relacionados, pero todavía no puedo entenderlo. Estoy bastante seguro de que debería estar usando algo como:
window.location.href.replace(/#.*/,''); //and or .hash
poner simplemente no puedo entenderlo.
localScroll El complemento le permite ocultar o mantener los identificadores y, por defecto, están ocultos. Creo que muchos complementos de la galería también tienen una opción similar.
pero cuando intento y lo hago yo mismo (un poco novato) me vuelvo loco sin ningún resultado.
a continuación es una secuencia de comandos básicos ejemplo, me gustaría que funcione con:
<style>
.wrap{
width:300px;
height:200px;
margin:auto;
}
.box{
width:300px;
height:200px;
position:absolute;
display:none;
}
#one{background:red;}
#two{background:blue;}
#three{background:green;}
.load{display:block;}
</style>
<body>
<ul>
<li><a href="#one">One</a></li>
<li><a href="#two">Two</a></li>
<li><a href="#three">Three</a></li>
</ul>
<div class="wrap">
<div id="one" class="box load">This is Box 1</div>
<div id="two" class="box">This is Box 2</div>
<div id="three" class="box">This is Box 3</div>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
$(document).ready(function() {
$("ul li a").click(function(){
$("div.box").fadeOut(1000);
$($(this).attr('href')).fadeIn(1000);
});
});
</script>
</body>
No soy muy claro en lo que estás tratando de hacer, para ser honesto. Tu código parece estar funcionando bien. – Kobi
duplicidad http://stackoverflow.com/questions/680785/on-window-location-hash-change –