1

cssクラスを使用してクリック可能な画像をaspmvc2アプリケーションのアンカータグに追加し、urlセクションを空のままにします（アンカータグに指定されたIDに基づいてポップアップをロードするJavaScriptコードがあるため）。

現在私のコードは：

<%= Html.ImageActionLink(null, null, "~/UI/Forms/Css/Images/get-reservation.png", null, new { @Id = "getReservation" }, new { @Class = "image" })%>

情報： getReservation IDがクリックされたときに、JavaScriptを使用してポップアップをロードしているため、IDを追加しました。imageクラスはパディングを追加するだけです。

現在のcssコード：

.image
{
   padding-left: 10px;  
}

私が欲しいもの：

ImageActionLinkヘルパーから以下のパスを削除するには

"〜/ UI / Forms / Css / Images / get-reservation.png"

そしてcssクラスを定義します：

.get-reservation
{
background: url('images/get-reservation.png') no-repeat center;
height: 20px;
width:20px;
}

そして、このようなことをします：

<%= Html.ActionLink("#", null, new { @Class = "get-reservation image" }, new { @Id = "getReservation" })%>

しかし、私がブラウザに表示するのは次のようなものです:(そして画像は表示されません。）

ここに画像の説明を入力してください

期待される結果：

ここに画像の説明を入力してください

どんな助けでも大歓迎です。

ありがとう

4

2 に答える 2

1

私はあなたがこれをすべきだと思います：

<%= Html.ActionLink("", "#", null, new { @Id = "getReservation", @Class = "get-reservation image" })%>

最初のパラメータは表示するテキストであることに注意してください。そのため、前に画面に「＃」が表示されていました。3番目のパラメーターはnullのRouteValuesであり、4番目のパラメーターは追加のhtml属性用です。

ここにメソッド定義があります：http：//msdn.microsoft.com/en-us/library/dd492124.aspx

あなたを助けてくれたことを願っています。乾杯

于 2011-05-05T05:17:35.693 に答える
1

この場合、ActionLinkを使用する必要はありません。通常の画像またはdivを使用するだけです。

<div class="get-reservation image" id="getReservation"></div>

これをスタイルに追加して、リンクのようにすることができます。

border: none;
cursor: pointer; /* hand cursor */

最後に、クリックハンドラーを追加するためにそれを選択すると、$('a.get-reservation')変更を使用していた場合、$('div.get-reservation')または単に$('.get-reservation')

于 2011-05-05T05:14:40.847 に答える