Html 不能使用“;链接到;或;按钮“U至”;在Rails 4.2中使用语义UI
我正在使用语义UI设计rails应用程序设计。我已经创建了一个卡片布局,卡片底部有一个按钮。但当我试图在底部附加的按钮中添加链接或按钮时,一切都会被破坏 HTML+Rails 4.2编写的代码: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
必须是这样的:
正常的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>