Html 不能使用“;链接到;或;按钮“U至”;在Rails 4.2中使用语义UI

Html 不能使用“;链接到;或;按钮“U至”;在Rails 4.2中使用语义UI,html,css,ruby-on-rails,semantic-ui,ruby-on-rails-4.2,Html,Css,Ruby On Rails,Semantic Ui,Ruby On Rails 4.2,我正在使用语义UI设计rails应用程序设计。我已经创建了一个卡片布局,卡片底部有一个按钮。但当我试图在底部附加的按钮中添加链接或按钮时,一切都会被破坏 HTML+Rails 4.2编写的代码: 必须是这样的: 正常的HTML和CSS都可以工作,但当我尝试使用Rails4.2帮助程序,如“link\u to”或“button\u to”时,一切都会出错。有没有什么方法可以让我使用Rails助手使整个卡片布局成为可点击的 生成的HTML代码: <div class="ui four

我正在使用语义UI设计rails应用程序设计。我已经创建了一个卡片布局,卡片底部有一个按钮。但当我试图在底部附加的按钮中添加链接或按钮时,一切都会被破坏

HTML+Rails 4.2编写的代码:

必须是这样的:


正常的HTML和CSS都可以工作,但当我尝试使用Rails4.2帮助程序,如“link\u to”或“button\u to”时,一切都会出错。有没有什么方法可以让我使用Rails助手使整个卡片布局成为可点击的


生成的HTML代码:

<div class="ui four cards">
        <a class="red card">
            <div class="image">
                <img src="/assets/white-image-d3f1bf0d70bdd663809bc001a778b550fc7246e81a614f3ff10e7cfb0a1514cf.png" alt="White image d3f1bf0d70bdd663809bc001a778b550fc7246e81a614f3ff10e7cfb0a1514cf">
            </div>
            </a><div class="ui bottom attached button"><a class="red card">
                <i class="fa fa-cloud-upload"></i><span class="little-space"></span></a><a href="/apps/show">Delpoy</a>

            </div>

    </div>


使用HTML和语义UI的简单输出

部署
按钮_to
都接受一个块,该块可用于在链接/按钮内插入任意内容

<div class="ui four cards">
  <%= link_to({ controller: 'apps', action: 'show' }, { class: "red card" }) do %>
    <div class="image">
      <%= image_tag "white-image.png", class: "ui wireframe image" %>
    </div>
    <div class="ui bottom attached button">
      <i class="fa fa-cloud-upload"></i><span class="little-space"></span>Deploy
    </div>
  <% end %>
</div>

部署

链接到
可以接受块,请尝试以下操作:

<div class="ui four cards">
    <%= link_to {controller: 'apps', action: 'show'}, {class: "red card"} do %>
        <div class="image">
            <%= image_tag("white-image.png") %>
        </div>
        <div class="ui bottom attached button">
            <i class="fa fa-cloud-upload"></i>
        <span class="little-space"></span>
            Deploy
        </div>
    <% end %>
</div>

部署

生成的HTML是什么样子的?请创建一个问题的演示。您是否尝试过使用类选项使link_喜欢
,正如您所说的,正常的html和css都可以工作。对于正常的html和css,我的意思是我没有使用link_来标记。我也尝试过{html code here}.html_安全,但同样的输出也会出现。让我试试你的建议。然后我会告诉你,我尝试了你的建议,但什么也没发生。相同的输出是渲染。这太棒了!!!你能告诉我“ui线框图像”类的工作原理吗?我没有在语义用户界面网站上找到它。
<div class="ui four cards">
    <%= link_to {controller: 'apps', action: 'show'}, {class: "red card"} do %>
        <div class="image">
            <%= image_tag("white-image.png") %>
        </div>
        <div class="ui bottom attached button">
            <i class="fa fa-cloud-upload"></i>
        <span class="little-space"></span>
            Deploy
        </div>
    <% end %>
</div>