Использование фрагмента URL, чтобы определить, какая функция jquery запущена.

Question

Я хочу связать страницу, например (domain.com/page#loadThickBox1), и запустить функцию jquery, которая по умолчанию загружает толщину. Какой код мне нужно выполнить для выполнения этого?

Например, это может быть несколько ссылок:

domain.com/page#loadThickBox1

domain.com/page#loadThickBox2

domain.com/page#loadThickBox3

НЕ нравится:

domain.com/page/loadThickBox1

domain.com/page/loadThickBox2

domain.com/page/loadThickBox3

Answer 1

Использование location.hash

$(function() { 
    switch(location.hash.replace('#','')){ 
    case 'loadThickBox1': 
     //do something! 
     loadThickBox1(); 
     break; 
    case 'loadThickBox2': 
     //do something! 
     loadThickBox2(); 
     break; 
    case 'loadThickBox3': 
     //do something! 
     loadThickBox3(); 
     break; 
    } 
}); 

Answer 2

location.href.split('#')[1] 

Это поможет вам слова после #. Загрузите соответствующее поле с учетом этого значения.

Answer 3

Вы можете прослушивать событие hashchange, проанализировать хэш и выполнить свою функцию соответственно.

DEMO

function handleHash(hash) { 
    var hash = hash.replace('#', ''); 

    if (!hash) return; 

    console.log('Loading thick box ' + hash.slice(-1)); 
} 

window.addEventListener('hashchange', function() { 
    handleHash(location.hash); 
}); 

//handle initial hash when page loads 
handleHash(location.hash);