turbonlinks页面：单击按钮时，提取不起作用

Question

我希望单击按钮时出现微调框。没用我将这段代码写在我的JS文件中：

$(document).on('page:fetch', alert('hi'))
$(document).on('page:receive', $('.sk-circle').hide())

当我单击按钮时，该代码有效，但仅在清除页面后才会显示警报。单击该按钮时，微调器不会立即显示。我该如何解决？

page:fetch是turbolinks属性吗？

我也不希望单击按钮但表单无效时出现微调框。我该怎么做？

这是我看到的：

太晚了...页面已经不见了，所以我在这里使用了微调器，直到页面消失后才触发。