Элемент Dom не отображается после вызова ajax, если я не изменю размер окна

Я создаю страницу с laravel 4, и у меня странная проблема - DOM не отображается. На localhost это прекрасно работает, но если я проверяю страницу на сервере - DOM не отображается, если я не изменяю размер окна (тогда это внезапно появляется).

$('#gallery li .overlay').click(function (e) {
    e.preventDefault();
    if(!$(this).hasClass('current')) {
        var url = $(this).attr('href');
        $('#gallery li .overlay').removeClass('current');
        $(this).addClass('current');

        $('#single').slideUp(function() {
            $.ajax({
                url: url,
                type: "GET"
            }).done(function (json) {
                    $('#single').html(json);

                    if ($(window).width() > 768)
                        $('.bxslider').bxSlider({
                            pager: false
                        });
                    else
                        $('.bxslider').bxSlider({
                            pager: false,
                            controls: false
                        });

                    window.history.pushState("object or string", "Title", url);

                    $('#single').slideDown();
                });
        });
    }
});

Ссылка на сайт: http://goo.gl/5OMlxh