javascript - Turbolinks 干扰 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(){ 并出现错误

SyntaxError: missing { before function body

消失