次のように、ビューにリンクを表示するアイテムのリストがあります。
@Html.ActionLink(cardPackInfo.mCard.mMasterCard.mCardName, "ViewItemDetails", "Item", null, new { @class = "cardImage", @data_id = cardPackInfo.mCard.mMasterCard.mCardImageLink})
ご覧のとおり、私が@data_id行ったような方法でデータを保存しようとしています。
画像を表示する専用のフィールドがあります。
<div id="image">
<img id="cardImageDiv" src="~/Images/Functional/cardback.jpg" alt="defaultCard" class="nullify"/>
</div>
私のjQueryスクリプトは次のようなものです：
$('.cardImage').mouseover(function() {
var imageSrc = $(this).attr("data-id");
alert(imageSrc);
$('#cardImageDiv').attr('src', imageSrc);
var newImage = $('#cardImageDiv').attr('src');
alert(newImage);
});
だから私がやろうとしているのは、ユーザーのマウスがリンクの1つの上にあるとき、画像が見つかったときにURLを取得します(これは私のモデルに保存されておりcardPackInfo.mCard.mMasterCard.mCardImageLink、画像にある現在の画像のsrcを変更しますid を持つ src cardImageDiv。
しかし、イメージは変わりません。2 つのアラートは、取得された最初のデータが画像の URL (次のように見える場合があります~\Images\CardsImages\Return to Ravnica\(RTR) - 231 - NameOfTheCard.jpeg) であることを証明するためにあり、2 番目のアラートは現在の src を教えてくれます。しかし、結果として、最初の画像が削除され、小さな「壊れたリンク」アイコンが表示されます。誰でも私を助けることができますか？