如何將jquery動畫添加到mvc 2呈現的控件？

具有可以將特定網頁上呈現0到n次編輯模板：如何將jquery動畫添加到mvc 2呈現的控件？

<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<NewEmployee.Models.RequestedAccessViewModel>" %> 
<fieldset style="display: inline;"> 
    <legend> 
     <%: Model.Description %></legend> 
    <div class="editor-label"> 
     <%: Html.LabelFor(model => model.Requested) %> 
     <%: Html.CheckBoxFor(model => model.Requested)%> 
    </div> 
    <div class="editor-field"> 
     <%: Html.TextAreaFor(model => model.Comments) %> 
    </div> 
    <%: Html.HiddenFor(model => model.Description) %> 
    <%: Html.HiddenFor(model => model.Id) %> 
</fieldset>

我真正喜歡的是最初將被隱藏的「註釋」文本區域，和向下滑動到視圖時複選框被擊中，並且如果複選框被再次關閉，則滑出複選框。

我知道我會如何與traditinal asp.net做到這一點，但我在與MVC2的損失。

來源

2011-02-23 asawyer

我甚至不知道從哪裏開始。我知道我需要選擇複選框來添加事件，但是如何確保事件對特定文本區域執行動畫，而不是全部？ – asawyer 2011-02-23 18:51:01

使用jQuery函數這樣

 

$(document).ready(function() { 

    $("div.editor-field").hide(); 

    $("input:checkbox").click(function() { 

     if ($(this).attr("checked")) { 

       $("div.editor-field").show();     
     } 
     else { 
       $("div.editor-field").hide(); 
     } 
    }); 
});

來源

2011-02-23 19:10:22 Jith

不幸的是，這正是我所害怕的，它切換屏幕上的所有文本區域，而不僅僅是與複選框相同的編輯器模板上的文本區域：（ – asawyer 2011-02-23 19:22:01

）如果您只想隱藏特定文本區域，則可以（）＃ – Jith 2011-02-23 19:25:47

你如何確定將使用其中一個Html進行渲染的控件的ID 對於（...）幫助程序函數？ – asawyer 2011-02-23 19:31:16

如何將jquery動畫添加到mvc 2呈現的控件？

回答

相關問題