个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
25
4
我有这个文件:
app/views/listings/list.html.erb
在我的 Rails 元素中。以下是文件的内容:
<h1>This file is:"list.html.erb"</h1>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=key&sensor=false">
</script>
<%=javascript_include_tag 'application'%>
</head>
<body onload="initialize()">
<div id="map_canvas" style="width:80%; height:80%"</div>
<input type="button" onclick="getlistings();" value="Add Markers">
<input type="button" onclick="clearMarkers();" value="Remove Markers">
</body>
</html>
我想为其应用样式表。我应该在哪里放置样式表？我尝试将代码放在这个文件中:
app/assets/stylesheets/listings.css.scss
但是样式没有应用到 html 文件。我还需要更改我的 html View 文件中的任何内容以包含样式表吗？
这是位于“app/assets/stylesheets/listings.css.scss”的样式表
// Place all the styles related to the Listings controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.listings
{
table tr td
{
padding: 5px;
vertical-align: top;
}
dt
{
color: #232;
font-weight: bold;
font-size: larger;
}
dd
{
margin: 0;
}
}
#map_canvas
{
width: 80%;
height: 80%;
}
想知道是否有人可以帮助我吗？
谢谢
编辑
所以 application.html.erb 文件没问题，application.css 也没有问题。阅读下面发布的答案后，我更改了 list.html.erb 文件。新的list.html.erb文件如下:
<h1>Filename = list.html.erb</h1>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
<script type="text/javascript"
src="http://maps.googleapis.com/maps/api/js?key=AIz&sensor=false">
</script>
<%= stylesheet_link_tag 'application' %>
<%=javascript_include_tag 'application'%>
<%= stylesheet_link_tag '列表' %>
唯一的问题是现在，我要带走
<style type="text/css">
html { height: 100% }
body { height: 100%; margin: 0; padding: 0 }
#map_canvas { height: 100% }
</style>
这部分从list.html.erb 中取出并放入list.css.scss 文件中。但是当我这样做时，map_canvas 从页面上消失了，它没有显示。
最佳答案
放置样式表的位置很好。您需要确保您的应用程序布局 (app/views/layouts/application.html.erb) 在 header 中包含样式表:
stylesheet_link_tag 'application'
然后您需要确保它包含在您的应用程序 list 中:app/assets/stylesheets/application.css
在顶部您应该看到一个如下所示的 block :
/* ...
*= require_self
*= require_tree .
*/
如果它没有说 *= require_tree . 那么它不会直接在您的样式表中自动加载 scss 文件。有关更多信息，请参阅 the rails guide .
如果您的应用程序布局和 list 是正确的，但您仍然遇到问题，请将这些文件的文本添加到问题中，我会查看。
更新:另外，您似乎没有正确理解布局。
当任何 View 呈现时，您希望最终输出如下所示:
<!DOCTYPE HTML>
<html>
<head>
...header stuff goes here...
</head>
<body>
... body stuff goes here...
</body>
</html>
您的 header 等几乎都是标准的东西，它们一直在重复，只是页面主要部分的内容因页面而异。因此，为了让您不必一遍又一遍地复制这些东西，Rails 使用了布局。
你的布局文件，app/views/layouts/application.html.erb 应该看起来像这样(至少)
<!DOCTYPE html>
<html>
<head>
<title>The name of your site</title>
<%= stylesheet_link_tag 'application' %>
<%= javascript_include_tag 'application' %>
<%= csrf_meta_tags %>
<head>
<body>
<%= yield %>
</body>
</html>
当您加载给定 View 时， rails 将填充布局中 yield 命令所在 View 中的内容。
请注意，您的 View 命名错误。如果您要显示一个列表，它应该是 app/views/listings/show.html.erb，或者如果您要显示所有列表的索引，它应该是 app/views/listings/index.html.erb.
然后在那个文件中你应该有:
<h1>This file is:"index.html.erb"</h1>
有关 layouts and rendering 的更多信息，请参阅 rails 指南.
但是，您似乎正试图潜入 rails ，却不知道系统中发生了什么。欢迎使用 Rails，我想您会发现它真的很棒，但是从一个好的教程开始您会对自己大有裨益。你可以试试 Getting Started Guide .我还推荐 Michael Hartl 的书《Rails 3 教程》。这是一个很好的资源。
关于ruby-on-rails - 对于 Rails View *.html.erb : where can I place the style sheet?，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10250468/
25
4
0
以下是一个非常简单的ruby服务器。 require 'socket' local_socket = Socket.new(:INET, :STREAM) local_addr = Socket.
我正在使用 OS X(使用 bash)，并且是 unix 的新手。我想知道是否可以修改一些文件以便运行 ruby 程序，我不需要“ruby file.rb”，而是可以运行“ruby.rb”。 有理
我在用 Ruby 替换字符串时遇到一些问题。 我的原文:人之所为不如兽之所为。 我想替换为:==What== human does is not like ==what== animal does.
我想在一个循环中从 Ruby 脚本做这样的事情: 写一个文件a.rb(每次迭代都会改变) 执行系统(ruby 'a.rb') a.rb 将带有结果的字符串写入文件“results” a.rb 完成并且
我的问题是尝试创建一个本地服务器，以便我可以理解由我的新团队开发的应用程序。我的问题是我使用的是 Ruby 2.3.3，而 Gemfile 需要 2.3.1。我无法编辑 Gemfile，因为我被告知很
我有一个使用 GLI 框架用 Ruby 编写的命令行实用程序。我想在我的主目录中配置我的命令行实用程序，使用 Ruby 本身作为 DSL 来处理它(类似于 Gemfile 或 Rakefile)。 我
我的 Rails 应用 Controller 中有这段代码: def delete object = model.datamapper_class.first(:sourced_id =>
我正在寻找的解析器应该: 对 Ruby 解析友好， 规则设计优雅， 产生用户友好的解析错误， 用户文档的数量应该比计算器示例多， UPD:允许在编写语法时省略可选的空格。 快速解析不是一个重要的特性。
我刚开始使用 Ruby，听说有一种“Ruby 方式”编码。除了 Ruby on Rails 之外，还有哪些项目适合学习并被认可且设计良好？ 最佳答案 Prawn被明确地创建为不仅是一个该死的好 PDF
我知道之前有人问过类似的问题，但是我该如何构建一个无需在前面输入“ruby”就可以在终端中运行的 Ruby 文件呢？ 这里的最终目标是创建一个命令行工具包类型的东西。现在，为了执行我希望用户能够执行的
例如哈希a是{:name=>'mike',:age=>27,:gender=>'male'}哈希 b 是 {:name=>'mike'} 我想知道是否有更好的方法来判断 b 哈希是否在 a 哈希内，而
我是一名决定学习 Ruby 和 Ruby on Rails 的 ASP.NET MVC 开发人员。我已经有所了解并在 RoR 上创建了一个网站。在 ASP.NET MVC 上开发，我一直使用三层架构:
最近我看到 Gary Bernhardt 展示了他用来在 vim 中执行 Ruby 代码的 vim 快捷方式。捷径是 :map ,t :w\|:!ruby %. 似乎这个方法总是执行系统 Rub
在为 this question about Blue Ruby 选择的答案中，查克说: All of the current Ruby implementations are compiled to
我有一个 Ruby 数组 > list = Request.find_all_by_artist("Metallica").map(&:song) => ["Nothing else Matters"
我在四舍五入时遇到问题。我有一个 float ，我想将其四舍五入到小数点后的百分之一。但是，我只能使用 .round ，它基本上将它变成一个 int，意思是 2.34.round # => 2. 有没
我使用 ruby on rails 编写了一个小型 Web 应用程序，它的主要目的是上传、存储和显示来自 xml(文件最多几 MB)文件的结果。运行大约 2 个月后，我注意到 mongrel 进程
我们如何用 Ruby 转换像这样的字符串: 𝑙𝑎𝑡𝑜𝑟𝑟𝑒 收件人: Latorre 最佳答案 s = "𝑙𝑎𝑡𝑜𝑟𝑟𝑒" => "𝑙𝑎𝑡𝑜𝑟𝑟𝑒" s.u
通过 ruby monk 时，他们偶尔会从左侧字段中抛出一段语法不熟悉的代码: def compute(xyz) return nil unless xyz xyz.map {|a,
不确定我做错了什么，但我似乎弄错了。 问题是，给你一串空格分隔的数字，你必须返回最大和最小的数字。 注意:所有数字都是有效的 Int32，不需要验证它们。输入字符串中始终至少有一个数字。输出字符串必须
我是一名优秀的程序员,十分优秀！