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 に答える