34、标签管理与搜索功能开发指南

标签管理与搜索功能开发指南

1. 标签移除功能实现

在处理标签时，我们面临两个问题。一是难以很快定位到要操作的元素，二是 app/views/tags/_tag.html.erb 渲染的元素没有唯一标识符，这使得用 JavaScript 从页面移除该元素变得异常困难。下面我们来解决这些问题。

首先，给元素添加唯一标识符。修改 app/views/tags/_tag.html.erb 顶部的 span 标签为：

<span class='tag' id='tag-<%= tag.name.parameterize %>'>

这样元素就有了唯一标识符，方便后续用 JavaScript 定位并移除。接着，移除 remove 动作中 render :nothing => true 这一行，因为我们要让它渲染一个模板。

由于异步请求的格式是 js 而非标准的 html ，所以我们创建一个 js.erb 模板。在 app/views/tags/remove.js.erb 文件中，添加以下内容：

$('#tag-<%= @tag.name.parameterize %>').remove