如何將樣式添加到actionview幫助器標籤？

如何添加款式到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');" %>

風格有效的解決方案似乎並沒有在所有應用...！即使是風格屬性也沒有形成。

來源

2010-05-12 ZX12R

是你一個在下列方式

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

來源

2010-05-12 07:53:05 Salil

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

謝謝.. !!希望它適用於所有幫助程序標記... – ZX12R 2010-05-12 10:24:21

不，它取決於您使用的標記，您必須使用某個標記：某些標記需要使用html，因此您必須直接應用樣式。 – Salil 2010-05-12 11:05:41

如何將樣式添加到actionview幫助器標籤？

回答

相關問題