Turbolinks干扰javascript

Question

我知道这是一个令人沮丧的话题，但我试着跟踪文档和其他类似的内容，所以我会在上面发表文章。

我的问题是，除非重新加载页面，否则JS将无法工作。

我有以下JS:

$(function() {
  $('a.form-show').click(function(event){
    event.preventDefault();
    $(this).parent().next('div.form-hide').toggle();
  });
});

这将切换链接以显示并隐藏窗体中的元素。

这只在页面重新加载时起作用，甚至不是每次.

--我尝试将其更新到(按照所以文章和turbolinks文档)：

$(document).on('turbolinks:load', function()){
  $('a.form-show').click(function(event){
    event.preventDefault();
    $(this).parent().next('div.form-hide').toggle();
  });
});

当我使用此代码并单击按钮进行切换时，它只会重新加载页面。(至少它在CMD中作为一个重新加载运行，但是前端没有发生任何事情。

我得到了一个错误：

SyntaxError:缺少{函数体之前

我不像JS那样优秀，所以这个尝试可能是完全错误的，我相信这是可能的。

对如何使这件事奏效有什么想法吗？

Answer 1

function()){ -更改为function(){和错误

SyntaxError:缺少{函数体之前

消失