Javascript 如何在MVC视图中调用自动单击事件？

我有MVC应用程序。 有一个视图包含一些属性和注释链接。 当用户单击注释链接时，注释div get展开，所有注释都显示给用户。 现在我想自动化这个功能，或者我可以说我想跳过这个点击过程，当用户看到所有的评论都应该出现时。 （不点击链接，应显示所有评论）

怎么做

视图代码

            @model PaymentAdviceEntity.Employee

            @{
                ViewBag.Title = "Edit";
            }

            <h2>Edit</h2>

            <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

            @using (Html.BeginForm()) {
                @Html.ValidationSummary(true)
                   <div class="row-fluid">

                <fieldset>


                    @Html.HiddenFor(model => model.Id)



                    <div class="editor-label span3">
                        @Html.LabelFor(model => model.FirstName,"First Name")
                    </div>
                    <div class="editor-field span3 InputBoxMargin">
                        @Html.EditorFor(model => model.FirstName)
                        @Html.ValidationMessageFor(model => model.FirstName)
                    </div>


                          <div class="editor-label span3">
                          @Html.LabelFor(model => model.LastName,"Last Name")
                          </div>
                          <div class="editor-field span3 InputBoxMargin">
                          @Html.EditorFor(model => model.LastName)
                          @Html.ValidationMessageFor(model => model.LastName)
                          </div>
                       </div>
               </div>
            </div>
                     </fieldset>
            </div>

                     <div>
                      <p>
                        <input type="submit" value="Save" />
                    </p>
                 </div>

<div>


     <span>@Ajax.ActionLink("Comments", null, null, null, new { id = Model.Id, @class = "addremark" })</span>

        <div class="RemarkBox"></div>
        <span class="CommentAdd"></span>

</div>

            }



    $(document).ready(function () {
    //$('.RemarkBox').hide();
    $('a.addremark').click(function (event) {
    ar url = "@Html.Raw(Url.Action("ShowCommentBox", "Comment", new { Id = "idValue", EntityType = "Employee" }))";
     url = url.replace("idValue", event.target.id);
     $('.RemarkBox').load(url);
     $(this).closest('div').find('div.RemarkBox').slideToggle();
     return false;
     });  
     }); 
       </script>

@model PaymentAdviceEntity.Employee
@{
ViewBag.Title=“编辑”；
}
编辑
@使用（Html.BeginForm（））{
@Html.ValidationSummary（true）
@Html.HiddenFor（model=>model.Id）
@Html.LabelFor（model=>model.FirstName，“First Name”）
@EditorFor（model=>model.FirstName）
@Html.ValidationMessageFor（model=>model.FirstName）
@Html.LabelFor（model=>model.LastName，“LastName”）
@EditorFor（model=>model.LastName）
@Html.ValidationMessageFor（model=>model.LastName）


@ActionLink（“Comments”，null，null，null，new{id=Model.id，@class=“addremark”}）
}
$（文档）.ready（函数（）{
//$（'.RemarkBox'）.hide（）；
$（'a.addremark'）。单击（函数（事件）{
ar url=“@Html.Raw（url.Action（“showcomentbox”，“Comment”，new{Id=“idValue”，EntityType=“Employee”}”）”；
url=url.replace（“idValue”，event.target.id）；
$（'.RemarkBox'）.load（url）；
$（this）.closest（'div'）.find（'div.RemarkBox'）.slideToggle（）；
返回false；
});  
}); 

尝试类似的方法，主要部分是您需要在文档中调用click函数

$(document).ready(function () {
    $('a.addremark').click(addremarkClick);

    // Call on load also
    addremarkClick();
});

function addremarkClick(event) {
    var url = '@Html.Raw(Url.Action("ShowCommentBox", "Comment", new { Id = "idValue", EntityType = "Employee" }))';

    if (typeof event !== 'undefined') url = url.replace("idValue", event.target.id);
    else url = url.replace("idValue", $('a.addremark')[0].id);

    $('.RemarkBox').load(url);
    $(this).closest('div').find('div.RemarkBox').slideToggle();
    return false;
}

---

在文档准备就绪时触发单击事件