Javascript hashtag navigation

Question

В настоящее время я использую следующую функцию, которая работает с событием click.

$('a.ux-thumb-wrap').click(function(e){ 
    e.preventDefault(); 
    href=$(this).attr('href'); 
    if($(player_container).is(":visible")){ 
     $(player).tubeplayer('play', href) 

    } 

    else { 
     $(player).tubeplayer({ 
      width: 853, 
      height: 480, 
      allowFullScreen: "true", 
      preferredQuality: "large", 
      loadSWFObject: false, 
      modestbranding: false, 
      initialVideo: href, 
      autoPlay: true 
     }); 
     player_container.slideDown("slow"); 
    } 

Я хочу, чтобы получить этот результат

• Если посетитель введен прямой адрес URL-адрес какого-то фильма (который выглядит как: domain.com/?page=youtube#5hly8) в адресную строку, затем получить значение после того, как положение # символа и назначить href, делают остальные функции

• Во время воспроизведения, если пользователь нажимает на другой эскиз, изменить значение после # символа на адрес панели к пиктограммам ч ref и остальную функцию

Я раньше не работал с хэштагами. Пожалуйста, помогите мне изменить эту функцию.

Answer 1

Используйте JQuery hashchange плагин для lightweigth подхода: http://benalman.com/projects/jquery-hashchange-plugin/

Даже лучше в долгосрочной перспективе является Backbone.js маршрутизатор: http://documentcloud.github.com/backbone/#Router