0

我正在开发一个 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> 
4

1 回答 1

0

在中添加Success回调Ajax Options

AjaxOptions
{
        UpdateTargetId = "List",
        InsertionMode  = InsertionMode.Replace,
        HttpMethod     = "Get",
        OnSuccess      = "myCallback"
}

DOM您可以在准备好的情况下重用此功能。

function myCallback() {
    $('.ListLi').hover
    (
        function () {
            $(this).children(".img-title").css("border", "3px solid black");
        },

        function () {
            $(this).children(".img-title").css("border", "1px solid black");
        }
    );
}
于 2013-06-18T21:57:54.650 回答