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 браузера а именно кому то ссылку скинуть;

     

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

    Ваш ответ

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