Как правильно использовать turbolinks в rails?

Question

[Вячеслав Солдатов]

Добрый день. Рельсы 4.2.5. Мучаюсь с турболинком. Подскажите, как правильно подключать сторонние JS скрипты или вызвать функцию в application.js чтобы выполнялась один ра, при полной загрузке страницы.

Например в футер я кидаю сервис дозвона, который выполняется дважды:

<script type="text/javascript" src="//cdn.dozvonзкшьук.com/widget/js/dzv.js?przv_code=8355e"></script>

Или в application.js хочу вызывать функцию только при перезагрузке страницы.

//= require jquery
//= require jquery.turbolinks
//= require jquery_ujs
//= require turbolinks
//= require_tree .

$(document).on('page:change', function() {
    console.log('Выполняется один раз при полной загрузке страницы, а не два как сейчас при работе турболинка');
});

Comments

[Вячеслав Солдатов]

UPD: с футером фопрос решен дата-аттрибутом data-turbolinks-eval=false

Answer 1

[ТыжСисАдмин]

Отличная идея для решения проблем с турболинком - снести его сразу при создании проекта.
Ну это моё имхо ;)

P.S. https://github.com/turbolinks/turbolinks-classic#events

Comments

[Вячеслав Солдатов]

Спасибо, эвенты уже примерял. Не могу понять почему ни от одного из них нужного эффекта нет =)

[ТыжСисАдмин]

Ну фиг его, я далеко не JS джедай, так что мой путь - снести :)

Answer 2

[Дмитрий]

Делаю функцию и передаю ее в $(document).ready(...) и $(document).on('page:load', ...)

ready_service = function() {
return $('#start_registration_link').on('click', function(event) {
return $('#registration-block').addClass('fullscreen');
});
};

$(document).ready(ready_service);
$(document).on('page:load', ready_service);

тут подробнее — https://habrahabr.ru/post/167161/

Answer 3

[drtrem]

$(document).on('turbolinks:load', function() {
тело функции
});