我正在开发一个 mvc 应用程序,我有一个显示图像列表的页面,当您将鼠标悬停在图像上时,它只是为图像添加边框,然后我在页面上有一些过滤图像的链接,这些链接是 ajax.actionlink。它调用局部视图并使用过滤图像的结果更新页面
但后来我失去了我在准备好的文件上指定的悬浮效果
<script src="@Url.Content("~/Scripts/MicrosoftAjax.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/MicrosoftMvcAjax.js")" type="text/javascript"></script>
<script src="~/Scripts/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(function () {
$('.ListLi').hover(
function () {
$(this).children(".img-title").css("border", "3px solid black");
},
function () {
$(this).children(".img-title").css("border", "1px solid black");
}
);
});
</script>
这是ajax调用
<ul id="filters" class="option-set clearfix nav nav-pills" data-option-key="filter">
<li class="active"><a href="#filter" data-option-value="*" class="selected">Show All</a></li>
@foreach (var item in Model) {
@Ajax.ActionLink(@item.name.ToString(),"ListOfWorks","work",new { id=item.id },new AjaxOptions{
UpdateTargetId="List",
InsertionMode=InsertionMode.Replace,
HttpMethod="Get"
},null)
}
</ul>