Включить переключатель со ссылкой

Question

Я использовал this шаблон бутстрапа git code, чтобы создать веб-страницу. В portofolio, когда я нажимаю элемент, появляется страница. Есть ли способ поделиться ссылкой, что он сразу отобразит эти страницы? Я попробовал этот

www.mypage.com/#portfolioModal1

и многие другие способы, но они не работают.

Answer 1

В вашем agency.js добавить этот код:

var hash = window.location.hash; 
if(hash) 
{ 
    $('html, body').stop().animate({ 
     scrollTop: $("a[href='#"+hash+"']").offset().top 
    }, 1500, 'easeInOutExpo'); 
} 

Это позволит получить хэш (portfolioModal1, например) и перейдите к данной части страницы.

Примечание: положите его внутри функции jQuery.ready().

Ваш agency.js должен быть:

$(function() { 
    var hash = window.location.hash; 
    if(hash) 
    { 
     $('html, body').stop().animate({ 
      scrollTop: $("a[href='#"+hash+"']").offset().top 
     }, 1500, 'easeInOutExpo'); 
     event.preventDefault(); 
    } 
    $('a.page-scroll').bind('click', function(event) { 
     var $anchor = $(this); 
     $('html, body').stop().animate({ 
      scrollTop: $($anchor.attr('href')).offset().top 
     }, 1500, 'easeInOutExpo'); 
     event.preventDefault(); 
    }); 
}); 

// Highlight the top nav as scrolling occurs 
$('body').scrollspy({ 
    target: '.navbar-fixed-top' 
}) 

// Closes the Responsive Menu on Menu Item Click 
$('.navbar-collapse ul li a').click(function() { 
    $('.navbar-toggle:visible').click(); 
}); 

Комментарии были исключены.