我正在尝试将一个选择器放在SASS中,该选择器将在一个链接的可见悬停状态下运行,但我似乎无法正确地获得标记,有人可以启发我吗？我写的是这样的:
&:visited:hover
attribute: foo
我试图让每个列表项的背景图像依赖于它链接到哪个对象!不应该太难,但我无法弄清楚如何在SASS中做到这一点.这是我从HAML的尝试,因为那是我将迭代不同设施的集合:
#facility
- @facilities.each do |facility|
%ul#facilities
%li
:sass
background-image: url(#{image_tag "logos/#{facility.image}.jpg"})
= link_to facility.name, facility_path(facility)
但我得到的错误如下所示:
Invalid CSS after "url(": expected ")", was "<img alt="Thebi..." Arounnd line 6
对于其中一个生成的图像.
它不可能这么难......可以吗？任何帮助是极大的赞赏.
在我的案例中使用相同的形式部分创建和编辑新建和预览.部分看起来有点像这样(我使用HAML)
=form_tag ({:action => params[:action]}, :multipart => true)
=text_field :newsletter, :title
=text_area :newsletter, :body
=file_field :newsletter,:attachment
-if params[:action] == "preview"
=button_to "select contacts and send", :action => "contacts"
=submit_tag "save and preview"
但在html输出中
...
<input type="submit" value="select contacts and send"/>
<input type="hidden" value="rwYnZlEpWV4dR89zjgprEALBYmP0xqM3lnKt9JDLyak=" name="authenticity_token"/>
<input type="submit" value="save and preview" name="commit"/>
...
为什么button_to没有生成按钮形式？
一个解决方案是将按钮保持在局部外,每个窗体只有1个,但是如何在同一个窗体中有2个按钮？
编辑:另一个解决方法是隐藏的复选框,如果按下button_to,则由javascript设置并提交表单,在控制器中将它们分开
我试图弄清楚在其中生成一些html和嵌套内容的最简洁方法.使用HAML.基本上我想做的事情如下:
= block_large
This is some nested content
这应该产生:
<div class="block large">
<img src="block_large_carat.gif" class="block_large_carat">
This is some nested content
</div>
问题是我不知道如何实现这一目标.谐音？帮手？我对如何嵌套我想要的任何内容感到困惑.试图保持我的HAML DRY并且不想一遍又一遍地明确声明图像标签.
如何正确缩进代码？
应用程序/视图/布局/ shared.html.haml:
= render :partial => "shared/head"
= yield
= render :partial => "shared/footer"
应用程序/视图/共享/ _head.html.haml:
!!!XML
!!!1.1
%html{"xml:lang" => "pl", :xmlns => "http://www.w3.org/1999/xhtml"}
%head
%title
some title
%body
.container
应用程序/视图/共享/ index.html.haml:
%p
Hello World!
应用程序/视图/共享/ _footer.html.haml:
.footer
Some copyright text
呈现的HTML输出:
<!DOCTYPE html>
<html xml:lang='pl' xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>
some title
</title>
</head>
<body>
<div class='container'></div>
</body>
</html>
<p>
Hello World!
</p>
<div id='footer'>
Some copyright text
</div>
我正在寻找将整个HTML目录转换为HAML,以便文件具有相同的名称,但具有新的扩展名.
html2haml file.html.erb file.haml
我可以运行一个循环,以便我可以一次性转换所有这些文件,以便名称相同,只是扩展名被更改？
我的文件:
continue_login.html.erb
expired_trial.html.erb
expired_trial.mobile.erb
login.html.erb
login.mobile.erb
recover_password.html.erb
signup.html.erb
trial_expires_soon.html.erb
trial_expires_soon.mobile.erb
我正在使用一个模板,允许您将列表项标记为current(使用class=current),在导航栏中突出显示它.
在HAML中,这看起来像:
%li.current
Menu item A
%li
Menu item B
%li
Menu item C
我在Sinatra视图中有这个代码,并希望以编程方式添加class=current,取决于参数到视图.
我该如何以最好的方式做到这一点？
目前,我这样做:
- if section == "pages"
%li.current
%a{:href => "#pages"} Pages
- else
%li
%a{:href => "#pages"} Pages
这感觉太冗长了.
我正在使用带有HAML的rails框架,我有自举设置.我如何单独格式化字段输入.我希望名称的输入字段为左侧屏幕浮动的60%,价格的输入为屏幕的25%并向右浮动.
我想我问我如何在form_for中为单个输入添加类.谢谢
= form_for @product,:url => products_path, :html => { :id => "fileupload", :multipart => true } do |f|
%p
= f.label :name
= f.text_field :name # i want to format this
%p
= f.label :price
= f.text_field :price
是否有一个简单的HTML预处理器可用于现有HTML代码，而我不需要修改现有html以符合预处理器语法？
我正在开发一个移动应用程序，其中有几个用html构建的页面，但是我开始遇到这样的问题：在更改类似内容（页眉，页脚等）时，我不想更新每个页面，我不想复制内容并具有不匹配项，而是我想使用具有include方法（类似于php的功能）的预处理器，以便可以包含这些相似的内容。
我看过诸如HAML和Jade之类的东西，但是似乎它们具有严格的语法，您需要遵循缩进以及对HTML进行排序或编辑以在每行中包含管道，否则将无法编译。
就像我说的那样，我已经有html了，我想将HTML剪切并粘贴到不同的文件中，包括它们并坚持该工作流程，因为我认为这是最简单的。
但是，如果有人有其他想法，我也可以解决我的情况，这也受到欢迎。
我一直在尝试<br>用haml标记,很遗憾我的代码都没有工作.我们应该如何<br>在haml中使用nest ？
%h1 Helo mate
%br/
whrere are you ?