在Rails 3中，如何将div设为一个按钮（一个链接到新页面的可点击div）

Question

我知道有手动执行此操作的选项，例如：如何使整个DIV可点击以转到另一个页面？

但是，在Rails 3中，我们创建如下链接：<％= link_to“name”，url％>

我想知道 - 是否有一个正确的Rails方式来使整个div成为一个按钮。 我意识到我可以做一个按钮。 但是，假设我想用文本和图片等内容填充它 - 那么我将如何以轨道方式使整个div可点击？

例如：<％= @ story.title％> <％= @ story.blurb％>

在这个例子中，我想让#story可点击，轨道生成我指定的内容..任何想法？

Answer 1

对于那些感兴趣的人，答案是：

 <div class="class_name">
 <%= link_to content_tag(:span, "Text for the LInk"), route %>
 </div>

然后，在CSS中将.class_name设置为position：relative; 和：

 .class_name span {
width:100%;
height:100%;
position:absolute;
z-index:2;
top:0px;
left:0px;
 }

该链接现在将采用其父容器的大小，从而给出整个容器是链接的印象。

Answer 2

我认为button_to是你需要的：

Answer 3

如果你真的想这样做，我可能会使用jquery

$(document).ready(function() {
    $('#somediv').click(function(event){
        document.location = 'http://someplace.com';
    });
});

你不能像铁轨那样制作一个“可点击”的原始div ......这个概念没有任何意义。 这不是它的工作原理

（添加了遗漏的关闭点数）

未经测试