JQuery: Как изменить имя хеш-тега / адресной строки для скрипта цикла

Question

пожалуйста, может кто-нибудь помочь мне с изменением хеш-тега.

Я использую сценарий jquery .cycle, и мои страницы корректно перемещаются к следующему элементу div, что нормально, но в данный момент адресная строка остается неизменной, т.е. www.blahblah.com независимо от того, нахожусь ли я на странице контактов или около страница, может кто-нибудь, пожалуйста, помогите мне, чтобы, когда я нажимал кнопку «Связаться с нами», адресная строка изменялась на www.blahblah.com/contact_us, я хотел бы сделать это для каждой страницы с домом www.blahblah.com/index.html.

Вторая часть моего вопроса - как заставить кнопку «Домой» работать так, чтобы она скользила в обратном направлении.

Я очень новичок во всем этом, так что, если вы могли бы поставить демо на jsfiddle или вставить рабочий код, это поможет мне радикально. Кажется, я только зарабатываю, беря рабочий код, перебирая и меняя его, но на всю жизнь я не могу заставить его работать так, как я хочу.

Вот ссылка на демоверсию jsfiddle .

Спасибо за поиск.

Answer 1

Вы можете изменить хеш URL, используя:

window.location.hash = 'whatever';

Вы можете связать hashchange и делать все, что хотите, используя (jQuery):

$(window).bind('hashchange', function() {   
   // Change the page here.... 
}); 

Лично я в основном использую основу для такого рода приложений. В Backbone есть так называемый «маршрутизатор», который обрабатывает изменения хешей и тому подобное. Может, тебе стоит это проверить.

Кроме того, ознакомьтесь с этой записью.

Answer 2

Вероятно, вы можете расширить скрипт, используя html5 pushstate .

API довольно прост.Первый аргумент - это объект состояния, второй - заголовок окна и третий - URL.Например:

history.pushState(null, null, "/contact")