无法在ASP.NET MVC4中捆绑自定义jquery脚本

Question

我使用jquery创建了一些基本脚本,当放在我的一个MVC视图中的标记下面时,它工作正常.我想将这些脚本移动到Scripts文件夹中的单独文件中,因此我创建了一个名为"CustomJquery.js"的文件并将其放在Scripts文件夹中.我在'BundleConfig.cs'中为它创建了一个包,但是当我使用@ Scripts.Render("〜/ bundles/CustomJquery")从我的视图调用时,我的脚本不再起作用了.我甚至尝试将它们放在'_Layout.cshtml'中,但仍然没有运气.请参阅下面的代码.任何帮助将不胜感激.谢谢

Scripts文件夹中的CustomJquery.js

$("#Button").click(function () {
alert("hello");
});

Index.cshtml

<input id="Button" type="submit" value="Test" />

@Scripts.Render("~/bundles/CustomJquery")

BundleConfig.cs

 bundles.Add(new ScriptBundle("~/bundles/CustomJquery").Include(
                "~/Scripts/CustomJquery.js"));

更新

是的,我可以在Google Chrome工具的"来源"标签中看到我的"CustomJquery.js".

根据'Elements'选项卡,我也可以在标记中看到脚本src

<script src="/Scripts/CustomJquery.js"></script>
</section>
</div>

请帮忙

Answer 1

您是否在index.cshtml页面中包含了jquery库.即:<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>

.