无法在mvc应用程序中运行jquery click事件

Question

我的家庭控制器的索引页面中有以下代码。我是Jquery的新手。当我点击按钮时，没有任何反应。我希望得到警报。我做错了什么？

    @{
        ViewBag.Title = "Home Page";
    }
    @section featured {
        <section class="featured">
            <div class="content-wrapper">
                <hgroup class="title">
                    <h1>@ViewBag.Title.</h1>
                    <h2>@ViewBag.Message</h2>
                </hgroup>
                <p>
                    Zombie's Page
                </p>
            </div>
        </section>
    }

    @using (Html.BeginForm())
    {
        <input type="submit" value="Click me" id="clickme" />

    }

    <script type="text/javascript">

        $("#clickme").click(function () {
            alert("Getting ready for practice !!");
        });

    </script>

Answer 1

您应该将脚本放在Scripts部分，以确保在 jQuery声明之后呈现：

@section Scripts {
    <script type="text/javascript">
        $("#clickme").click(function () {
            alert("Getting ready for practice !!");
        });
    </script>
}

你的代码不起作用的原因是因为它是在正文的中间呈现，而jQuery包含在最后。查看_Layout.cshtml文件。

只需打开浏览器调试工具栏，然后查看控制台即可。在您的情况下，会出现错误，指出$未定义。另请查看浏览器中生成的标记，以查看代码与我的代码之间的区别。