在razor的子视图中调用Jquery函数

我想使用这样的活动$('#myModal').show();

原始调用插件例程如下:

  $(document).ready(function() { $('#myButton').click(function(e) { e.preventDefault(); $('#myModal').show(); }); });  

我把我的代码放在下面的部分。 这里是$('#myModal').show({}); 不运行

  @using (Html.BeginForm("Contact", "Home", FormMethod.Post, new { name = "send-contact", id = "contactform1" })) { @Html.AntiForgeryToken() if (!String.IsNullOrEmpty(stResult)) {  

Modal Title

Any content could go in here.

×
$('#myModal').show({}); // The desired function! } }

我的代码中有两个问题

  1. JQuery库位于母版页的底线(_Layout)。这里有着名的ready()函数内的所有插件的包装器

  2. 作为替代方式,我放置了$('#myModal').show(); 在Wrapper中的JQuery.ready()内部,如果它应该根据我的条件找到"#myModal"那么它会调用所有内容然后它将触发我想要的函数。 但同样不会开火。

我认为这种方法似乎更合乎逻辑,可能是这两种方法之间唯一的逻辑,导致第一种方法的function不在JQuery ready函数中,如果我在这里使用另一个就绪函数,那么它也是错误的,因为重复准备好的function。

如果要包含名为Foo.cshtml的部分视图, Foo.cshtml还可以创建名为FooScripts.cshtml的部分视图,并将该视图呈现在其他脚本的加载位置:

 

Main View

@Html.Partial("Foo") ... @section scripts { @Scripts.Render("~/bundles/jquery") @Html.Partial("FooScripts") }