15、Rails开发：功能迭代与邮件发送实践

Rails开发：功能迭代与邮件发送实践

1. 解决前端隐藏元素问题

在前端开发中，我们可能会遇到隐藏特定元素的需求。最初，我们尝试使用 page[:notice].hide 来隐藏具有 id 为 notice 的段落，但这种方法存在问题。当用户首次访问商店时， flash 中没有内容， id 为 notice 的段落不会显示。此时，RJS 模板生成的用于隐藏该段落的 JavaScript 代码会出错，导致模板的其余部分无法运行，最终侧边栏的购物车更新也无法显示。

为了解决这个问题，我们采用了一种巧妙的方法。由于 RJS 无法直接生成用于测试单个 id 是否存在的 JavaScript 代码，但它允许我们遍历页面上匹配特定 CSS 选择器模式的标签。因此，我们遍历所有 id 为 notice 的标签。如果找到这样的标签，就将其隐藏；如果没有找到，则不执行隐藏操作。具体代码如下：

page.select("#notice").each { |notice| notice.hide }
page.replace_html('cart', render(@cart))
page[:cart].visual_effect :blind_down if @cart.total_items == 1
page[:current_item].visual_effect :h