Как обнаружить изменения URL с помощью jQuery

Question

Как jQuery может обнаружить изменения в URL-адресе?

Например: если пользователь заходит на страницу, site.com/faq/ ничего не показывает, но если он переходит на site.com/faq/#open, jquery обнаруживает его и что-то делает.

Answer 1

Попробуйте

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

Это работает для меня

Answer 2

Вы можете использовать событие hashchange .

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

window.addEventListener("hashchange", hashchanged, false);

или встроенный плагин jquery hashchange

$(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 3

Просто посмотрите на window.location.hash при загрузке страницы:

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

Или привяжите к событию hashchange окна:

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

function hashchanged()
{
    //Show something
}

Answer 4

Попробуйте это:

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

Просто для справки, часть URL, указанная в #, называется «фрагментом»

Answer 5

Если у вас есть URL site.com/faq/#open, тогда вы можете сделать

var hash = window.location.hash

, чтобы получить hash = 'open'