javascript - Rails 用 Zurb 基础模式替换确认 - 未捕获的 TypeError : confirmWithReveal is not a function

Question

首先我要说的是，我不擅长 JavaScript。如果我错过了一些明显的事情，请原谅我。

我想用 Foundation 模式对话框替换标准确认对话框。有人可以帮助我在页面中构建正确的结构吗？我在index.html.erb页面上有以下link_to:

<%= link_to 'Delete', post, method: :delete, data: { confirm: "Are you sure?" }, class: "tiny radius button" %>

我注意到，当页面加载时，我在控制台中收到错误:

Uncaught TypeError: $(...).confirmWithReveal is not a function

这个错误似乎出现在每个页面上。我明确定义的模式对话框适用于其他页面。

我做了一些研究，但找不到任何明确的例子来说明如何实现这项工作。 This page显示了确认的各种样式，但没有显示如何使其在 <%= link_to ... %> 表达式中工作。

Answer 1

confirm_with_reveal不是基础的一部分，而是一个额外的模块。以下是我使用它的步骤:

1. 放置 the github repo 中的源文件之一，e。 G。将 confirm_with_reveal.js 放入 Rails 的 vendor/assets/javascripts/confirm_with_reveal.js 文件夹中。通常我会将存储库添加为子模块，但这取决于您。

2. 添加到app/assets/javascripts/application.js

   //= require jquery
   //= require jquery_ujs
   //= require confirm_with_reveal/confirm_with_reveal
   $(function(){
     $(document).confirmWithReveal();
   });
   

3. 重写您的标准 rails 确认

   link_to 'Delete', post, method: :delete, data: { confirm: "Are you sure?" }, class: "tiny radius button" %>
   

   至

   link_to 'Delete', post, method: :delete, data: { confirm: {title:"Are you sure?"} }, class: "tiny radius button" %>
   

   并尝试使用您在自述文件中找到的属性。

4. 另外，如果你使用foundation 6，则必须修改javascript并替换第54行:

   modal.foundation('reveal', 'close');
   

   与

   modal.foundation('close');
   

   第 68 行:

   foundation('reveal', 'open')
   

   与

   foundation('open')