javascript - 根据 ruby​​ 逻辑将确认弹出窗口附加到按钮元素

Question

我有一个添加到购物车按钮。我设置了多个商家，并且用户不能将来自不同商家的商品放入购物车。我想对其进行设置，以便如果用户添加来自另一个商家的商品，则会添加该商品，并且所有非来自新商家的旧商品将从购物车中删除。

offer.html.erb

<button class='btn btn-primary btn-sm pull-right add-offer' type='button'>
   <span class='glyphicon glyphicon-shopping-cart'></span> Add to Cart
</button>

我想显示一个 JavaScript 确认提示，以便用户知道当该商品来自不同商家时他将删除所有其他商品(if current_item_merchant != cart.merchant)。

如何向按钮添加确认提示？这是通过 javascript 处理的还是 Rails 已经为此提供了某种解决方案？

如果这是由 Javascript 处理的，我如何将 Rails 条件逻辑添加到我的 javascript 代码中(引用 ruby​​ 变量)？

Answer 1

如果您使用 button_to 帮助程序，则可以使用不显眼的 Javascript 弹出确认对话框。根据您的需要修改此代码片段:

<%= button_to "Add to Cart", data: { confirm: "Are you sure?" } %>

Documentation here.