JavaScript和ajax.actionlink

Question

我正在使用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> 

Answer 1

添加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"); 
     } 
    ); 
}