Я знаю, что это избитая тема, но я попытался проследить за документами и другими подобными сообщениями по этому вопросу.
Моя проблема в том, что JS не будет работать, пока страница не будет перезагружена.
У меня есть следующий JS:
$(function() {
$('a.form-show').click(function(event){
event.preventDefault();
$(this).parent().next('div.form-hide').toggle();
});
});
Переключает ссылку для отображения и скрытия элемента в форме.
Это работает только при перезагрузке страницы и даже не каждый раз ...
Я попытался обновить его до (согласно сообщениям SO и документам turbolinks):
$(document).on('turbolinks:load', function()){
$('a.form-show').click(function(event){
event.preventDefault();
$(this).parent().next('div.form-hide').toggle();
});
});
Когда я использую этот код и нажимаю кнопку для переключения, он ничего не делает, только перезагружает страницу. (по крайней мере, он запускается в CMD в качестве перезагрузки, но ничего на внешнем интерфейсе в действительности не происходит.
И я получаю эту ошибку:
SyntaxError: отсутствует {перед телом функции
Я не так хорош, как Дж.С., поэтому эта попытка может быть совершенно неверной, и я уверен, что это может быть.
Есть идеи, как заставить это работать?