Question

我在jquery中很新，我只想在mvc中测试一个简单的脚本代码。我没有改变家庭控制器索引视图的默认代码，只是我添加了一个这样的按钮

<input type="button" id="button1" value="click"/>

并在索引视图结束时添加脚本代码如下：

 <script type="text/javascript">
$('document').ready(function () {
    $('#button1').click(function () {
        alert('jQuery Tutorial');
    });
});

但是当我运行项目并单击按钮时，它不会显示警报。我真的很困惑，因为我在布局文件中有@Scripts.Render("~/bundles/jquery")但在检查chrome后运行项目后我发现它无法识别$。我怎么解决呢？

Answer 1

确保<script>定义在捆绑注册之后，＃button1确实存在，并且您没有其他捆绑问题。有时捆绑包会不按顺序呈现脚本，因此会出现另一个JS错误，并且会出现故障并导致此脚本出现问题。

Answer 2

您可以检查App_Start文件夹BundleConfig.cs以确保您的捆绑包已设置。

，例如

bundles.Add(new ScriptBundle("~/bundles/jquery").Include( "~/Scripts/jquery-{version}.js");

我非常简单的脚本在asp mvc中不起作用

2 个答案: