代码之家 › 专栏 › 技术社区 › ZX12R

如何向ActionView帮助器标记添加样式?

actionviewhelper ruby-on-rails

0

ZX12R · 技术社区 · 15 年前

如何将样式添加到ActionView帮助器标记中。像下面这样

<%= link_to "Home", :controller=> "home", :action=> "index", :style=>{:position=>"absolute", :top=>"0px"} %>

这是可以实现的。我不想添加CSS类。

谢谢。

更新 --对不起 萨利尔 . 它不适用于链接\到\远程。我需要一个适用于任何助手标记的解决方案

<%= link_to_remote "Next", :style=>"float:right;", :update=>"uxUpdateDiv", :url=>{:controller=> "home", :action=> "next"}, :before=> "jQuery('#uxcLoader').css('display','block'); jQuery('#uxOverLay').css('display','block');",:success=> "jQuery('#uxcLoader').css('display','none'); jQuery('#uxOverLay').css('display','none');" %>

样式似乎根本没有应用…!哪怕是一个风格属性未形成。

1 回复 | 直到 15 年前

1

Salil 15 年前

是的,你可以按以下方式做

<%= link_to "Home", {:controller=> "home", :action=> "index"}, :style=>"position:absolute;top:0px" %>

这将创建以下HTML

<a href="/home" style="position: absolute; top: 0px;">Home</a>

这取决于您要为某些标签添加哪个标签 HTML& Gt;{}

要连接到远程,你必须写

<%= link_to_remote "Next", 
                :update=>"uxUpdateDiv", 
                :url=>{:controller=> "home", :action=> "next"}, 
                :html=>{:style=>"float:right;"},
                :before=> "jQuery('#uxcLoader').css('display','block'); jQuery('#uxOverLay').css('display','block');",
                :success=> "jQuery('#uxcLoader').css('display','none'); jQuery('#uxOverLay').css('display','none');" %>

这将创建以下HTML签出。

<a href="#" onclick="jQuery('#uxcLoader').css('display','block'); jQuery('#uxOverLay').css('display','block');; new Ajax.Updater('uxUpdateDiv', '/home/next', {asynchronous:true, evalScripts:true, onSuccess:function(request){jQuery('#uxcLoader').css('display','none'); jQuery('#uxOverLay').css('display','none');}}); return false;" style="float: right;">Next</a>