javascript - reescribir - Recargar página al cambiar el hash

sobreescribir url con javascript

Question

Recargar página al cambiar el hash.

Tengo un sitio simple de una página con varias ''páginas''. Estas páginas están en un contenedor ancho que se desplaza cuando eliges una. He agregado un hash a la URL para que pueda ubicar páginas específicas directamente. Esto simplemente establece el atributo style.left cuando coincide con un hash en una instrucción switch.

El problema es que cuando cambio el valor hash en la URL. Por ejemplo, cambiándolo de Home.html # Web a Home.html # Photos. Al hacer esto, la página no se vuelve a cargar, por lo que no se llama a la función de Configuración que he creado para verificar el hash y la página simplemente permanece donde está.

¿Alguna idea de cómo forzar a la página a volver a cargar? O una mejor solución?

Gracias, Andy

Answer 1

No recarga la página. En su lugar, configure un controlador de eventos onhashchange y ajuste el valor de la izquierda desde allí:

window.onhashchange = function() {
    // do stuff
}

De lo contrario, ¿por qué usar enlaces hash en lugar de enlaces regulares? En cualquier caso, si realmente quieres volver a cargar, simplemente coloca window.location.reload() dentro del controlador onhashchange ...

Answer 2

Tenía una función JQuery que disparaba en $ (''body''). On (''click'', ''.subcategory-link'', function () {}); que detectó si había un hash agregado a la URL en mi caso, así que mantuve esa función igual y luego usé una recarga de fuerza cada vez que se detectó un cambio de hash: a continuación escribo el código pls intente éste me lo arrancó .

       $(document).ready(function() {    
            $(''body'').on(''click'', ''.subcategory-link'', function () {        var data = $(this).attr(''href'');
           alert($(this).attr(''href''));
           window.location.reload();
           });

});