Laravel 5.2深层链接，无需刷新页面

Question

我是Laravel的新手，可能有一些很好的例子如何在其中实现深层链接？ 我正试图像这样实现smth：http://www.asual.com/jquery/address/samples/crawling/

我在上面的示例中添加了所有js脚本，但没有任何效果，它像以前一样刷新rages，还有什么我应该做的？

请帮忙！

UPD：

<nav class="navbar navbar-default">
    <div class="container">

        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#navHeaderCollapse" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>

            <a href="/" class="navbar-brand"><img alt="Home" src="/img/logo.png"></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="navHeaderCollapse">
            <ul class="nav navbar-nav">
                <li><a href="/">{{ strtoupper(trans('header.homepage')) }}</a></li>
                <li><a href="/estates">{{ strtoupper(trans('header.estates')) }}</a></li>
                <li><a href="/addEstate">{{ strtoupper(trans('header.addEstate')) }}</a></li>
            </ul>

            <ul class="nav navbar-nav navbar-right">
                <li><a href="/contact">{{ strtoupper(trans('header.contact')) }}</a></li>
                @if (!Auth::guest())
                    <!-- other links -->
                @endif


                    <li class="dropdown">
                        <!-- Languages -->
                    </li>
            </ul>
        </div>

routes.php文件：

Route::get('/', 'PagesController@home');
Route::get('/estates', 'PagesController@estates');
Route::get('/addEstate', 'PagesController@addEstate');
Route::get('/contact', 'PagesController@contact');
Route::get('/register', 'PagesController@register');

JS脚本：

$.address.init(function() {

// Initializes plugin support for links
$('a:not([href^=https])').address();

// Adds a simple hover effect
$('.nav a').hover(function() {
    $(this).addClass('hover');
}, function() {
    $(this).removeClass('hover');
});

}).change(function(event) {

// Identifies the page selection
var page = event.parameters.page ? '/?page=' + event.parameters.page : event.path;

// Highlights the selected link
$('.nav a').each(function() {
    if ($(this).attr('href') == (page == '/' ? '#' : '#!' + page)) {
        $(this).addClass('selected').focus();
    } else {
        $(this).removeClass('selected');
    }
});

var handler = function(data) {
    $('.content').html($('.content', data).html()).parent().show();
    $.address.title(/>([^<]*)<\/title/.exec(data)[1]);
};

// Loads the page content and inserts it into the content area
$.ajax({
    url: location.pathname + '?_escaped_fragment_=' + encodeURIComponent(event.value),
    error: function(XMLHttpRequest, textStatus, errorThrown) {
        handler(XMLHttpRequest.responseText);
    },
    success: function(data, textStatus, XMLHttpRequest) {
        handler(data);
    }
});

});

// Hides the page during initialization
document.write('<style type="text/css"> .page { display: none; } </style>');