如何通过materialize css在rails中使用辅助内容和link_to助手
在Rails中使用Materialize CSS的辅助内容和link_to助手，可以按照以下步骤进行：
- 首先，确保你的Rails应用已经集成了Materialize CSS。你可以通过在Gemfile中添加
gem 'materialize-sass'来安装Materialize CSS的gem包，并运行bundle install来安装它。 - 在Rails应用的
app/assets/stylesheets目录下，创建一个新的样式文件，例如materialize.css.scss。 - 在
materialize.css.scss文件中，导入Materialize CSS的样式表。可以使用@import 'materialize';语句来导入。 - 在Rails应用的
app/assets/javascripts目录下，创建一个新的JavaScript文件，例如materialize.js。 - 在
materialize.js文件中，导入Materialize CSS的JavaScript库。可以使用//= require materialize语句来导入。 - 在Rails视图文件中，使用辅助内容和link_to助手来创建带有Materialize CSS样式的辅助内容和链接。
- 辅助内容：可以使用
content_tag方法来创建带有指定类名的辅助内容。例如，<%= content_tag :div, class: 'card-panel' do %>...</div>可以创建一个带有card-panel类的<div>元素。 - link_to助手：可以使用
link_to方法来创建带有指定类名的链接。例如，<%= link_to 'Home', root_path, class: 'btn' %>可以创建一个带有btn类的链接到主页。 - 注意：在使用辅助内容和link_to助手时，可以通过传递一个块来定义内容。例如，
<%= content_tag :div, class: 'card-panel' do %>...<% end %>。
- 辅助内容：可以使用
这样，你就可以在Rails中使用Materialize CSS的辅助内容和link_to助手了。
关于Materialize CSS的更多信息和使用示例，你可以参考腾讯云的相关产品和产品介绍链接地址：腾讯云·Materialize CSS。
相关·内容
我对红宝石和css很陌生。我想在我的rails项目中创建一个导航栏，其中的链接是水平的。现在，它们是垂直排列的。在物化文档中，它显示了我所要做的就是为<ul>中的类输入“右隐藏”。然而，这似乎不适合我。
我做错了什么？如有任何建议，将不胜感激。
这是我的application.html.erb文件。
<!DOCTYPE html>
<html>
<head>
<title>PlacesToGo</title>
<%= stylesheet_link_tag 'applicatio
浏览 1提问于2017-04-26得票数 0
回答已采纳
在视图中创建链接的rails方法是使用link_to。将其传递给对象将链接到该对象的id。如何使用对象的match_id而不是id和link_to
浏览 4提问于2013-03-08得票数 1
回答已采纳
我的模型有contact:string和email:string属性。在纯HTML中，我们可以编写 和 123-456 假设我的模型名是，如何将这两个代码转换为rails代码 ..。我猜大概是这样的 <%= link_to @sample.email, "#" %>
<%= link_to @sample.contact, "#" %> 中应该包含的内容 什么？
浏览 102提问于2016-08-08得票数 19
回答已采纳
到处找不到答案。也许我不正确地使用了rails。
我已经做了一条自定义路线：
获取“/post/:page/posts/:query”“=>‘post#index”，as：:posts_category
正如您在上面看到的，我已经在我的路由中定制了一个包含“类别”字符串的路径。
如何使用link_to来解决这个问题。
我试过了
link_to posts_category(:page=>1，:query=>3)
这不起作用，因为rails创建的链接不包括路径中的/类别/。如何将其添加到link_to中。
致以亲切的问候，
浏览 2提问于2015-05-30得票数 0
回答已采纳
3回答
我有一个rails 4应用程序，正在尝试使用它的字体可怕的图标(用于社交媒体登录链接)。
我有：
/* application.css.css:
*= require_framework_and_overrides.css.scss
*= require_self
*= require_tree .
*/
/* framework_and_overrides.css.css: */
@import "bootstrap-sprockets";
@import "bootstrap";
@import "font-awesome-sprocke
浏览 6提问于2015-11-12得票数 2
1回答
当我尝试在我的Rails应用程序中加载自定义字体时，它们不会加载到页面上，当我在源代码中检查它们时，我会得到一个404错误。但我肯定一切都做对了。
CSS：
@font-face {
font-family: "Roboto";
src: local(Roboto Thin), url("/assets/fonts/Roboto-Thin.eot");
src: url("/assets/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype"),
浏览 2提问于2016-10-10得票数 1
回答已采纳
我刚刚使用这个很棒的指南将Materialize CSS添加到我的Rails6项目中：
常规样式已经更新，在我想要更改$primary-color sass变量之前，一切都很好。当我的app/javascript/stylesheets/application.scss看起来像这样时，我看到<nav>被设置为默认的红色：
$primary-color: color("blue", "lighten-2") !default;
@import 'materialize-css/dist/css/materialize';
我曾经在一个R
浏览 2提问于2020-05-01得票数 3
2回答
我想在link_to中显示产品计数，link_to是application.erb.html中部分显示的一部分，问题是，在我的应用程序控制器中有一个名为products_on_cart的方法，它返回产品计数，当我尝试以下代码时：
<%= link_to "<%= products_on_cart%>", :controller=>"carts", :action=>"index"%>
rails给了我一个错误：
“语法错误，意外error‘>”
...er=>"carts"，：act
浏览 7提问于2011-05-19得票数 0
回答已采纳
我使用rails 5.0.0.1，ruby 2.3.1和materialize-sass gem在我的应用中添加materialize css，默认设置为浅绿色。
如何更改整个应用程序的默认颜色？
浏览 0提问于2016-09-30得票数 1
1回答
物化移动导航栏没有响应
、、、、
我正在Rails项目中使用Materialize，我不确定为什么可折叠的导航栏转换没有响应。
_nav.html.erb
<nav>
<div class="nav-wrapper">
<a href="/" class="brand-logo center">LOGO</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class=&
浏览 7提问于2017-01-19得票数 0
1回答
有时，在我的Rails视图中，我有一些重复的代码，因为我必须根据某些条件设置Rails助手方法的参数。比如：
<% if something %>
<%= link_to "Target", @target, class: "target-a" %>
<% else %>
<%= link_to "Target", @target, class: "target-b" %>
<% end %>
或者另一个例子：
<% if tooltip == false
浏览 4提问于2016-05-25得票数 0
回答已采纳
1回答
如何在流明上导入刀片文件中的库？
、、、、
因此，我有一个php.blade视图，我希望返回与流明。
layout.blade.php
<head>
<!--AXIOS-->
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<!--JQUERY-->
<script src="{{ asset("libraries/go-debug.js") }}"></script>
浏览 0提问于2018-03-06得票数 0
回答已采纳
1回答
我正在和webpack一起使用Rails6，由于某种原因，当我试图响应如下js文件时，我不能使用select2： $("#select-search-bar").select2() 如何在js响应中使用select2？ 这是我的application.js文件： require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require
浏览 15提问于2020-08-29得票数 0
2回答
我在Rails 4上，我正在使用用于用户管理的devise。在这样的显示视图中，我有一个简单的条件语句
<% if user_signed_in? %>
<%= link_to "Checkout", user_cart_path(current_user,@cart), method: :patch %>
<% else %>
<%= link_to "Checkout", signin_path %>
<% end %>
我想清理我的视图，并添加使条件为一个方法。
我试过添加这个方法
浏览 4提问于2014-01-03得票数 0
回答已采纳
2回答
我试图在Rails 4中实现datagrid gem，但不确定如何在网格类中包含链接。
我现在为UsersGrid类准备了如下内容：
class UsersGrid
include Datagrid
scope do
User.order("users.created_at desc")
end
column(:avatar) do |user|
if user.avatar?
link_to ActionController::Base.helpers.image_tag(user.avatar.url, alt: "P
浏览 4提问于2015-05-26得票数 0
回答已采纳
我如何写一个纯css的Logo，就像我用它的html格式写的一样，它在Ruby/Ruby on Rails中是什么样子？
现在我有这样的想法：
<div id="logo">
<h1><%= link_to 'Title <span>title</span>'.html_safe, root_path %></h1>
</div>
我是Ruby和Rails的新手，所以我不知道如何包含< span >，我也不认为我应该使用.Html_safe。
浏览 0提问于2011-05-04得票数 0
回答已采纳
我想在PORO中包含路由和link_to方法。在控制台中测试时，我遇到了以下问题：
如果我包含没有路由助手的UrlHelper，一切看起来都很好：
ruby-1.9.3-rc1 :001 > Rails.version
=> "3.2.0.rc2"
ruby-1.9.3-rc1 :001 > include ActionView::Helpers::UrlHelper
=> Object
ruby-1.9.3-rc1 :002 > link_to "foo", Rails.application.routes.url_helpe
浏览 0提问于2012-01-12得票数 3
回答已采纳
我刚开始学习Rails，刚刚完成了一个月的Rails课程。我搜索了如何使我的导航链接有一个不同的颜色，当我在当前的链接，当我在一个主页，导航主页链接应该有一个背景色等。我找到了这个active_link_to，然而，我还不知道如何阅读一个文件。我该怎么用这个？
下面是指向active_link_to文档的链接：
下面是我认为应该放置active_link_to的代码：
<nav class="navbar navbar-static-top navbar-default" role="navigation">
<div class="
浏览 4提问于2015-11-16得票数 4
回答已采纳
我使用Rails 2.2.2和旧的学校路线(即我不是RESTful)，我注意到来自Rails link_to方法的奇怪行为。这是我的电话：
link_to("my description", { :controller => controller, :action => action }, :id => "html_id")
我想要生成“/控制器/动作”的方法，但是我得到的是“/控制器/action/id”。只有在处理“/控制器/ action /id”URL的请求时调用link_to时才会发生这种情况，并且控制器和操作与我传递给link_to
浏览 2提问于2009-10-09得票数 0
回答已采纳
4回答
我的销毁链接不起作用。
我的索引视图：
<div id="konkurrancer"><%= render 'konkurrencer', :remote => true %></div><%= debug(params) %>
我的konkurrencer部分：
<% for konkurrancer in @konkurrancers %> <%= link_to 'Destroy', [:admin, konkurrancer], :method => :d
浏览 0提问于2011-05-26得票数 1
回答已采纳
我刚接触过slim和rubyon rails，并试图找出在不需要条件的情况下如何禁用。
f.actions do
= f.submit 'save data'
= link_to 'send data'
这里f，是用户填写的表单，当表单条件不满足时，这意味着提交要求用户填写一些所需的字段，我希望禁用link_to“发送数据”，我该怎么做呢？
浏览 17提问于2022-05-17得票数 0
回答已采纳
1回答
我正在实现邮箱系统的视图。我想让收件箱和发送邮箱。因此，我认为有两个环节，例如：
<%= link_to "Inbox", messages_user_path(current_user),:class =>"current", :which_mailbox => "received" %>
<%= link_to "Sentbox", messages_user_path(current_user),:class =>"current", :which_mailbox =>
浏览 3提问于2013-10-19得票数 0
回答已采纳
我希望有条件地将类“隐藏”添加到Rails链接标记中，这取决于是否“接受== true”。
如果我没有使用rails link_to，我可以使用<a href="#" class="foo bar <%= "hidden" if accepted == true %>" >。如何在link_to中完成这一任务？
<%= link_to "Accept Friend Request",
"#",
class: "btn btn-success btn-sm b
浏览 8提问于2014-03-13得票数 11
回答已采纳
3回答
有没有人知道如何在rails中插入link_to中的角表达式。
<section ng-controller="listServiceCtrl">
<ul ng-repeat="service in servicelist">
<li><%= link_to '{{ service.service}}', home_user_path('{{ service.id}}') %></li>
</ul>
</sectio
浏览 6提问于2015-01-08得票数 2
回答已采纳
1回答
好的，我知道这是非常基本的，但是我已经到处找过了，但是我找不到解决方案。这是我的路由文件：
match '/interestonly' => 'interestonlymortgagecalculators#interestonlymortgagecalculator'
如何创建链接到此内容的链接？我教它就像这样简单
<%= link_to 'Interest Only Mortgage Calculator', interestonly %>
有人能帮帮我吗?我知道这是很基本的东西，但我找不到任何东西，可能是因为我的问题措
浏览 0提问于2013-04-04得票数 0
回答已采纳
如何为Rails的link_to方法设置路径和 :path_only => false？
我们的站点有很多rails制作的超链接，如下所示：
<% link_to "anchor text", "/path/" %>，它产生<a href="/path/">anchor text</a>
我的任务是用绝对urls替换链接中的相对urls。当然，我会设置:only_path => false，但当我已经提供路径而不是url_options时，我不知道该如何做。
是的，我可以指定其他url_option
浏览 2提问于2011-03-17得票数 3
回答已采纳
3回答
我想在我的rails应用程序中进行就地搜索。
我在prototype中使用了button_to_remote，但现在我使用的是JQuery，所以我改成了link_to。
这是我的代码：
<%= link_to "Search", {:action => "geocode", :with => "'address='+$('#{address_helper_id}').value"}, :method => :post, :remote => true %>
我想将地址文本字段传递
浏览 4提问于2010-11-28得票数 8
回答已采纳
我在我的Rails应用程序中使用了materialize-sass gem，并且在使用它时遇到了一些问题。它只在根(主页)页面和其他一些页面上工作得很好，但在完整的站点上就不行了。
.button-collapse失去了功能，菜单也无法工作。我只是点击它，或点击(在移动设备)，什么都没有发生。有时它在页面刷新后工作，有时不工作。总是在单击.button-collapse到url之后，在最后添加#! (这在逻辑上是可以理解的)，除了根(主页)页面。我认为这可能是jQuery问题，但我在assets/javascripts/application.js中初始化崩溃按钮，如下所示：
$(functi
浏览 0提问于2015-11-07得票数 3
我认为这篇文章很难用标题来解释，所以我想出了一些我编写的代码：
Rails视图助手
module SplashHelper
def send_link_or_tag(link=true)
if link
link_to nil, root_path, class: 'to-block'
else
content_tag :div, 'The content'
end
end
end
使用Helper的视图(haml)
- 5.times do |i|
- if i%2 == 0
= send
浏览 2提问于2014-04-06得票数 0
回答已采纳
我使用ruby 2和rails 4，我想在rails中添加http链接到图像链接中。我怎么能创造这个呢？
我的密码：
<% for g in @pictures %>
<%= link_to image_tag g.pic_url, class: "img-responsive img-thumbnail" %>
<% end %>
我想创建如下使用rails的东西。
<a href="/assets/image_001.jpg"><img
浏览 4提问于2015-12-31得票数 0
回答已采纳
我实际上在rails布局中有这个：
<li><%= link_to "Blog Posts", root_path %></li>
但是，当我添加blogit gem时，它开始跟踪与blogit相关的urls的错误
undefined local variable or method `root_path' for #<#<Class:0x007f644864ce00>:0x007f6449e8faf8>
所以我怀疑url helper是无法从那里访问的。那么，如何才能使它们变得可访问呢？我尝试过在布局中添加以
浏览 3提问于2015-08-06得票数 1
2回答
嗨，我有下面的哈密尔语：
.btn-group-wrap{style:'text-align:center;'}
.btn-group{style: 'display: inline-block; text-align:center; width:inherit;'}
=link_to "All Users", users_path, class: 'btn active'
=link_to "Search", '#', class:'btn'
我希望能够在每个链
浏览 1提问于2012-07-03得票数 1
回答已采纳
1回答
我有问题让我的javascript元素的Materialize工作在rails 6上。我使用的是'materialize-sass‘gem。 下面是我的javascript文件 import 'materialize-css/dist/js/materialize'
require("@rails/ujs").start()
require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
浏览 12提问于2020-01-04得票数 0
1回答
我对Rails很陌生，我试着把一个图像显示为带有sass的巨型加速器的背景，就像我使用css时一样，我不知道为什么它不起作用。
home.html.erb
<div class="center jumbotron">
<div class="container">
<div class="centerfy">
<h1>AccessOBD</h1>
<h2>Do Cars Smarter.</h2>
<%= l
浏览 1提问于2015-02-12得票数 0
回答已采纳
2回答
我是Ror的新手，我开发了一个rails应用程序(ruby '2.3.4'，Rails 5.1.6)，安装了一个webpack。在我的导航栏中，我没有成功地使我的下拉按钮部署以显示我的菜单项。我不知道怎么让它工作..？谢谢你的帮助..:-)以下是我的代码：
application.html.erb：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=
浏览 3提问于2018-08-02得票数 2
2回答
钢轨静态页脚布局
、、
_footer.html.erb
<footer class="footer">
<small id="footerRight">
Language Without Limits Powered By <img src="/assets/rails.png" />
</small>
<nav>
<ul id="footerLinks">
<li><%= link_to "How It Works", ab
浏览 3提问于2014-11-27得票数 1
回答已采纳
1回答
我使用Rails 3.0.9，我希望生成一个传递一些自定义参数的link_to URL。也就是说，有一个articles_path (www.my_web_site_name.com/ That )，我想生成如下内容：
link_to 'Sample link title', ... # Here I should implement the code
# => 'http://www.my_web_site_name.com/articles?param1=value1¶m2=value2&...
为了实现这一点，我如何编写link_to
浏览 4提问于2011-08-12得票数 5
回答已采纳
1回答
现在，我有一个应用程序，它的前端是用Bootstrap 3编码的(我使用的是bootstrap-rails gem)。我也想在同一个应用程序中使用Materialize.css框架，所以我下载了它的样式表。我的问题是如何使这两个框架很好地结合在一起？我需要在我的Materialize.css文件中使用Application.scss样式表，如下所示：
*= require 'materialize'
但是当前的样式似乎是混合的(我的意思是Bootstrap和Materialize.css样式试图相互覆盖)。它甚至有可能使它们一起工作，或者我是否应该为我想要使用第二个Applic
浏览 2提问于2017-02-07得票数 0
回答已采纳
2回答
我正在通过Michael的Rails教程(RoR 5)工作，并试图创建一个下拉菜单作为web应用程序的一部分。我仔细地遵循了Hartl的指示，但是在登录后，我无法让下拉列表实际显示在页面上。
过去在堆栈溢出上讨论这个问题的线程是3+年前的，因此提到的大多数gems (和相应的解决方案)已经过时，似乎不适用于Rails的最新版本(本教程使用5.1.2版本)。
我尝试了以下修补程序(没有一个有效，并导致一些错误)：
包括application.js中的"require“和"require”
更改列出的顺序，以便引导在其他组件之前或之后加载
使用“要求引导-下拉”，这在较
浏览 1提问于2017-07-29得票数 1
2回答
我正在创建rails应用程序，并将应用程序分成两个引擎。应用程序使用Devise进行用户注册和授权。Devise在根应用程序中连接，管理端位于其中一个引擎中。但是管理端布局仍然在根应用程序中。如果我在管理布局中使用此代码<%= link_to edit_user_registration_path do %>，它将显示以下异常：
undefined local variable or method `edit_user_registration_path'
在/app/views/layouts/admin.html.erb
有人能帮我解决这个问题吗？产生这种结果的原因是
浏览 7提问于2014-08-18得票数 0
回答已采纳
1回答
我是一个RoR开发人员。我与一个平面设计师一起工作，他准备了静态html/css文件并将它们转发给我。
然后，我将这些html代码隐藏到haml中，并将它们包含在我的视图中。
我使用来隐藏html到haml。但是，使用Rails助手并不能隐蔽地使用haml。
示例：
它转换
<img src="abc.png" />
至
%img{:src => "abc.png"}/
但我需要把它转换成
=image_tag "abc.png"
其他Rails助手(link_to、text_field、...etc)也是如此
有没有什么东西可
浏览 2提问于2012-03-20得票数 2
3回答
我刚刚升级到Rails3、Ruby1.9.2和最新的HAML。这段代码过去是有效的：
= allowed? do
= link_to('New', new_video_path)
现在allowed?产生了0。
如果我这样做，它就会起作用：
= allowed?{ link_to('New', new_video_path) }
怎么回事？
浏览 1提问于2010-09-01得票数 3
在ruby on rails中，"as:“在路由中做什么？
示例： 1.2
您还可以生成路径和URL。如果上述路线被修改为：
get '/patients/:id', to: 'patients#show', as: 'patient'
您的应用程序在控制器中包含以下代码：
@patient = Patient.find(17)
相应的观点是：
<%= link_to 'Patient Record', patient_path(@patient) %>
浏览 3提问于2014-07-25得票数 0
回答已采纳
我想用带有图标的rails替换simple_form submit按钮的文本。 这就是我到目前为止所知道的： <div class="small-3 columns">
<%= f.submit class: 'button postfix' do %><i class="fa fa-paper-plane"></i><% end %>
</div> 这通常适用于link_to帮助器，但似乎不适用于rails gem simple_form所使用的表单帮助器。
浏览 88提问于2017-01-14得票数 1
回答已采纳
我正在编写一个React教程，它使用Materialize 1.0.0
旧代码直接从实质性css包导入css和js文件，如下所示：
import 'materialize-css/dist/css/materialize.min.css';
import M from 'materialize-css/dist/js/materialize.min.js';
我卸载了materialize-css包，并安装了@materializecss/materialize，这是Materialize的下一个版本。按照旧的逻辑，我试图导入scc和js文件，如下所示：
imp
浏览 7提问于2021-12-07得票数 0
我有以下代码：
/assets/javascripts/home.js.coffee.erb
jQuery ->
addClickListeners = ->
$(document).on 'click', '#add-chord-link', addChord
$(document).on 'click', '#remove-chord-link', removeChord
addChord = (e) ->
e.preventDefault()
浏览 6提问于2013-11-08得票数 2
回答已采纳
但是，在本地使用link_to没有任何问题，一旦部署到Heroku，就会出现以下错误：
users#show (ArgumentError) "arguments passed to url_for can't be handled. Please require routes or provide your own implementation"
app/views/users/show.html.erb:176:in `_app_views_users_show_html_erb__222687663100622833_69928454693640'
我使
浏览 4提问于2016-01-03得票数 1
2回答
我正在尝试集成materialize，但是当我尝试添加
"./node_modules/materialize-css/dist/js/materialize.js"
和
"./node_modules/materialize-css/sass/materialize.scss",
转到webpack.config.json
我在构建时得到了这个错误(我得到了多个)：
ERROR in ./~/css-loader?{"sourceMap":false,"importLoaders":1}!./~/postcss-loader?{
浏览 0提问于2017-09-21得票数 2
请解释一下这个link_to的网址部分。
url部分
admin_user_path(user,{ user: { admin: !user.admin? } })
全link_to
<%= link_to "#{ user.admin? }", admin_user_path(user,
{ user: { admin: !user.admin? } }),
method: :patch,
class: "admin #{ user.admin ? 'btn-warning' : 'btn-info' } "
浏览 5提问于2014-10-02得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
