Turbolink干扰javascript

Question

我知道这是一个令人沮丧的话题，但我尝试关注此文档和其他类似的文章。

我的问题是，除非重新加载页面，否则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中运行，但前端实际上什么也没有发生。

我得到这个错误：

语法错误：函数主体前缺少{

我不擅长JS，因此这种尝试可能是完全错误的，而且我相信这可能是错误的。

关于如何进行这项工作的任何想法？

Answer 1

function()){-更改为function(){并出错语法错误：函数主体前缺少{消失