jquery - 需要从mvc调用jquery

Question

我是 jQuery 新手，正在寻找一种在 MVC 4 中显示/隐藏部分视图的方法。我在下面的链接中找到了一个非常好的示例，并在此处复制了部分代码，但这取决于按钮单击事件. 我需要的是通过视图中的代码直接调用该函数，虽然我不知道如何为此目的重写它，但我相信这是从视图剃刀代码中调用它的方式：

  <script type="text/javascript">Foo("#div1")</script>

http://forums.asp.net/t/1743071.aspx/1

<style type="text/css">
.inv
{
    visibility: hidden;
}
.vis
{
    visibility: visible;
}
</style>

<div class="inv" id="div1">
    <h2>Div 1</h2>
    <p>
        Hidden at start
    </p>
    <button class="showhide">Hide this div again</button>
</div>
 <script type="text/javascript">
    $(function () {
        $(".showhide").click(function () {
            $("#div1").toggleClass("vis");
            return false;
        });
    });
</script>

Answer 1

使用下面的代码，该Foo方法将在文档准备就绪时被调用，因此不需要通过单击来触发它。它将在 的 id 中传递<div>。

如果您想根据 ViewBag 中的值有条件地调用“Foo”，您只需阻止视图呈现进行调用的 JS 代码：

控制器：

ViewBag.SomeBooleanProperty = true;

看法：

 <script type="text/javascript">
   function Foo(divId)
   {
      $(divId).toggleClass("vis");
   }    

 @if(ViewBag.SomeBooleanProperty)
 {
        $(function () {
            Foo("#div1");
        });
 }
</script>