Не удается запустить сценарии после загрузки PJAX

Я использую PJAX для проекта. У меня есть контейнер под названием #icerikAlani для загрузки его содержимого с помощью PJAX. Вот базовая схема:

<div class="container" id="icerikAlani" data-pjax-container>   
    <!-- NIVO SLIDER --> 
    <div class="row">
        <div class="col-md-8">
            <div id="slider" class="nivoSlider"> SLIDER CONTENT HERE... </div>
        </div>
    </div>
    <!-- SCROLLING LOGOS --> 
    <div class="row">
         <div class="col-md-12">
            <div id="logoParade"> SCROLLING LOGOS HERE... </div>
         </div>
    </div>
</div>

В этом контейнере есть два других тега сценария, которые предназначены для плагинов Nivo Slider и Smooth Div Scroller. Проблема в том, что когда я перехожу на страницу и возвращаюсь на домашнюю страницу, теги сценария перестают работать.

Я попытался решить эту проблему с помощью оператора pjax:end, но не смог заставить его работать, затем я попробовал pjax:success, как показано ниже, но все равно не повезло. (как я прочитал здесь: Где поставить javascript инициализации страницы при использовании pjax?)

Есть ли способ использовать эти скрипты без перезагрузки страницы?

Это скрипт про PJAX и скрипт Smooth Div Scroller:

<script type="text/javascript">
    $(document).pjax('a','[data-pjax-container]', { fragment: "#icerikAlani" } );
    //THIS IS HOW I ACTIVATE PJAX

    $(document).on('pjax:beforeSend', function() {
    $('#icerikAlani').fadeOut(50);
    }); 
    //WORKS...

    $(document).on('pjax:end', function() {
    $('#icerikAlani').fadeIn(400);
    });
    //WORKS...

    $(document).on('ready pjax:success', function() {
      $("#logoParade").smoothDivScroll({ 
                     autoScrollingMode: "always", 
                     autoScrollingDirection: "endlessLoopRight", 
                     autoScrollingStep: 1, 
                     autoScrollingInterval: 25 
             });
   //FAILS...
});
</script>

Вы можете проверить полный код здесь

Поскольку я не разбираюсь в javascript, эта проблема стоит передо мной как стена перед завершением проекта. Надеюсь найти что-то работающее как со слайдером, так и со скроллером.


person Orkun Tuzel    schedule 27.09.2013    source источник


Ответы (1)


Возможно ваш скрипт вызывает ошибку. Попробуйте Firefox и Firebug и посмотрите, найдете ли вы что-нибудь...

person Eduardo Cuomo    schedule 27.09.2013