0

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

原调用插件例程如下：

<script type="text/javascript">
$(document).ready(function() {
     $('#myButton').click(function(e) {
          e.preventDefault();
      $('#myModal').show();
     });
});
</script>

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

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

            if (!String.IsNullOrEmpty(stResult)) 
             {                
                 <text>
                        <div id="myModal" class="reveal-modal">
                             <h1>Modal Title</h1>
                             <p>Any content could go in here.</p>
                             <a class="close-reveal-modal">&#215;</a>
                        </div>

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

             }
     }

我的代码中这种方法有两个问题

  1. JQuery 库位于母版页 (_Layout) 的底线。著名的函数内的所有插件都包含一个包装器，该函数ready()位于该处。

  2. 作为另一种方法，我将$('#myModal').show();内部放置JQuery.ready()在 Wrapper 中，当它调用所有内容时，如果它应该"#myModal"根据我的条件找到它，那么它将触发我想要的功能。但同样不会触发。

我认为这种方法似乎更合乎逻辑，并且可能是这两种方法之间唯一合乎逻辑的方法，因为第一个方法不在JQuery 就绪函数中，如果我在这里使用另一个就绪函数，由于重复，它也是错误的准备好的功能。

4

1 回答 1

3

如果您包含一个名为的局部视图，Foo.cshtml您还可以创建一个名为的局部视图FooScripts.cshtml并在加载其余脚本的位置呈现该视图：

<h2>Main View</h2>

@Html.Partial("Foo")

...


@section scripts {
    @Scripts.Render("~/bundles/jquery")
    @Html.Partial("FooScripts")
}
于 2013-07-29T13:40:05.143 回答