Modal + Hash

Сложный вопрос для JS программистов.

Есть тестовый сайт — http://test.thefubon.com

Собрал на WP + Uikit 3.0 в стиле behance&

Если нажать на картинку, всплывает окно в него загружается пост. но URL не загружается, нужно вот так:

Было http://test.thefubon.com

хочется так: http://test.thefubon.com/#work-21 

Кто знает как так сделать, пробовал это

//shortcut for $(document).ready $(function(){ if(window.location.hash) { var hash = window.location.hash; $(hash).modal(‘uk-toggle’); } });

не работает(

 

Вот сам modal — https://getuikit.com/docs/modal

Добавить Комментарий

Попробуйте менять так:

var temp = '#123'
var url = "http://you_site.ru/" + temp;

window.location.replace(url);

При этом не сохраняется история, для более правильной замены рекомендую прочесть:

http://spoiledmilk.com/blog/html5-changing-the-browser-url-without-refreshing-page/

Так же посмотрите вот эти вопросы:

http://stackoverflow.com/questions/824349/modify-the-url-without-reloading-the-page

http://stackoverflow.com/questions/3338642/updating-address-bar-with-new-url-without-hash-or-reloading-the-page

 

тут немного  не такой смысл, мне именно когда нажимаю на иконку всплывает модольное окно и добавляется #123 а когда закрываю пропадало.  и когда я ссылку даю site.ru/#123 открывалось модольное окно

в 27.03.2017.

почему смысл не такой? Я привел пример как вы можете поменять урл в браузере.

Затем у вас должен быть скрипт, который берет хеш и выполняет действия:


var hash = window.location.hash.replace("#","");
if(hash == '123'){
// ваше действие открытие окна
}

В итоге, вы можете поменять урл, получить параметр. Соответственно вроде как все есть для реализации вашего функционала.

в 27.03.2017.
Добавить Комментарий

Сделал вот такое


<script>

$('.uk-toggle').on('click', function (e) {

var selfHref = $(e.currentTarget).attr('href');

history.pushState({foo: 'bar'}, 'Modal Title', selfHref);

});

</script>

http://test.thefubon.com/

Но не пойму как инициализировать на закрытие и открытие если вставить сразу в url браузера а именно кому то ссылку скинуть;

 

Добавить Комментарий

Ваш ответ

Размещая свой ответ, вы соглашаетесь с правилами сайта.