2010-05-12 52 views
0

如何添加款式到actionviews帮手标签。像下面这样如何将样式添加到actionview帮助器标签?

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

就像上面所能实现的。我不想添加CSS类。

谢谢。

更新 - 对不起Salil。它不适用于link_to_remote。我需要任何帮助标签

<%= 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

是你一个在下列方式

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

做这将创建下列HTML

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

这取决于你正在使用一些标签,其标签必须添加:HTML> {}

对于link_to_remote您必须编写

<%= 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> 
+0

它不适用于link_to_remote .. !! – ZX12R 2010-05-12 09:11:51

+0

谢谢.. !!希望它适用于所有帮助程序标记... – ZX12R 2010-05-12 10:24:21

+0

不,它取决于您使用的标记,您必须使用某个标记:某些标记需要使用html,因此您必须直接应用样式。 – Salil 2010-05-12 11:05:41