0

actionviewsヘルパータグにスタイルを追加するにはどうすればよいですか。次のように

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

上記のようなものです。cssクラスを追加したくありません。

ありがとう。

更新-申し訳ありませんがサリル。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');" %>

スタイルがまったく適用されていないようです...!! スタイル属性も形成されません。

4

1 に答える 1

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>
于 2010-05-12T07:53:05.267 に答える