Cómo detectar cambios de URL con jQuery

Question

¿Cómo puede jQuery detectar cambios en una url?

Por ejemplo: si un usuario va a una página site.com/faq/ no se muestra nada, pero si va a site.com/faq/#open jquery lo detecta y hace algo.

Answer 1

Prueba esto:

if (window.location.hash) { 
    // Fragment exists, do something with it 
    var fragment = window.location.hash; 
} 

Sólo como referencia, por parte de una URL especificada por el # que se llama un 'fragmento'

Answer 2

Si tiene una URL de site.com/faq/#open, entonces usted puede hacer

var hash = window.location.hash 

para obtener hash = 'open'

Answer 3

Si no, mire window.location.hash al cargar la página:

$(document).ready(function() { 
    if(window.location.hash === "open") 
    { 
     //Show something 
    } 
}); 

o se unen a la hashchange caso de la ventana:

$(document).ready(function() { 
    $(window).hashchange(hashchanged); 
}); 

function hashchanged() 
{ 
    //Show something 
} 

Answer 4

Usted puede utilizar el evento hashchange.
o integrar una jquery hashchange plugin

$(function(){ 

    // Bind the event. 
    $(window).hashchange(hashchanged); 

    // Trigger the event (useful on page load). 
    hashchanged(); 

}); 

function hashchanged(){ 
var hash = location.hash.replace(/^#/, ''); 
//your code 
} 

Answer 5

intenta esto

$(window).on('hashchange', function(e){ 
// Your Code goes here 
}); 

Su trabajo para mí