使用删除按钮制作精灵

Question

我的助手中有一个删除按钮方法：

def product_delete_link(product)
  link_to t('product.delete'), product, method: :delete, data: { confirm: t('confirm.sure') }
end 

我在视图中用div类“button_delete_product”包围它：

<h1>
  <%= @product.name %>
  <span class="button_delete_product">
    <%= product_delete_link(@product) if admin_or_owner(@product) %>
  </span>
</h1>

然后我在我的SCSS中定义了一个精灵：

h1 {
  .button_delete_product {
    background: url("corbeille40px.png");
    display: block;
    text-indent: -9999px;
    height: 40px;
    width: 40px;
    &:hover {
      background-position: 0 -40px;
    }
    &:active {
      background-position: 0 -80px;
    }
  }
}

但它没有按预期工作。我有我的精灵，但它没有链接到删除方法，所以当我点击它时没有任何反应。你知道怎么解决吗？