Cách phát hiện thay đổi URL với jQuery

Question

Làm cách nào để jQuery có thể phát hiện các thay đổi đối với url?

Ví dụ: Nếu người dùng truy cập trang site.com/faq/ không có gì hiển thị, nhưng nếu anh ấy truy cập site.com/faq/#open jquery sẽ phát hiện và thực hiện điều gì đó.

Answer 1

Hãy thử điều này:

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

Chỉ cần để tham khảo, một phần của một url được chỉ định bởi các # được gọi là 'đoạn'

Answer 2

Nếu bạn có một url của site.com/faq/#open, sau đó bạn có thể làm

var hash = window.location.hash 

để có được hash = 'open'

Answer 3

Đơn giản chỉ cần nhìn vào window.location.hash trên tải trang:

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

Hoặc liên kết với sự kiện hashchange của cửa sổ:

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

function hashchanged() 
{ 
    //Show something 
} 

Answer 4

Bạn có thể sử dụng các sự kiện hashchange.
hoặc tích hợp một 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

Hãy thử này

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

của nó làm việc cho tôi