0

我有一个项目列表，在我的视图中显示一个链接，如下所示：

@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);
});

所以我想要做的是，当用户的鼠标悬停在其中一个链接上时，我会在定位图像时获取 url（它存储在我的模型中cardPackInfo.mCard.mMasterCard.mCardImageLink并更改位于图像中的当前图像的 src src 与 id cardImageDiv。

然而图像并没有改变。这两个警报用于证明获得的第一个数据是图像的 url（可能看起来像这样~\Images\CardsImages\Return to Ravnica\(RTR) - 231 - NameOfTheCard.jpeg：），第二个警报告诉我当前的 src。但我得到的结果是第一张图片被删除，我有一个小的“断开链接”图标。谁能帮我吗？

4

1 回答 1

1

您可以尝试使用“/Images/etc”之类的 src 并丢失 ~

于 2013-11-12T09:06:29.863 回答