在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 ......這個概念沒有任何意義。 這不是它的工作原理

（添加了遺漏的關閉點數）

未經測試