Question

我是mvc的新手，所以不确定如何使用mvc application和jquery在客户端处理按钮点击事件。我想为按钮点击事件编写一些jquery代码，但不知道确切地将其放在cshtml页面中的哪个位置。以下是我的代码：

import BaseVM = require("baseVM");

在我上面包含的Owner.js中，代码是：

<p> 
 <input type="button" value="Create" id="btnSave"/>
</p>
    (at the bottom of cshtml page)  :
    @section Scripts {
        @Scripts.Render("~/Scripts/jquery-1.8.2.js")
        @Scripts.Render("~/Scripts/Owner.js")
    }

但是我没有能够像我编码那样在按钮点击上点击“点击”弹出消息。如果我做错了，请纠正我。

Answer 1

您确定owner.js和jquery库文件存在于项目的实际文件中，而不仅仅是解决方案资源管理器吗？如果在解决方案资源管理器中有Visual Studio，Visual Studio不会抛出任何错误，但如果它们实际上不在文件中，则会导致错误。此外，由于您使用相对路径，请确保这些路径与文件在实际项目文件夹中的位置相匹配。有时，Visual Studio会在解决方案资源管理器中的某个位置说出一个文件，但实际上它还没有更新，以显示它在驱动器上的实际位置。这就是我所能想到的，我在JavaScript滑块上遇到了类似的问题，这就是我的问题所在。祝你好运，希望这会有所帮助！

Answer 2

我尝试了相同的代码但没有@section Scripts阻止。所以它的工作正常。（我也使用了最新版本的JQuery）

<div>
  <input type="button" value="Create" id="btnSave" />
</div>

（在cshtml页面的底部）

@Scripts.Render("~/Scripts/jquery-2.1.4.js")
@Scripts.Render("~/Scripts/Owner.js")

Answer 3

我认为您应该检查是否在bundle.config中添加了Owner.js然后包含

  "scripts": {
    "start": "mkdir BigDirectory",
    "build": "mkdir BigDirectory"
  },

点击事件没有被触发，所以可能会出现这样的小问题，请检查您的浏览器是否显示调试代码所需的所有脚本。

Answer 4

当我通过在线链接加载jquery时，它工作正常。不知道但是我的jquery版本可能存在一些问题。但我的解决方法是使用layout.cshtml并从那里渲染所有需要的文件，但owner.js文件除外。

无论如何..感谢大家的时间和帮助。： - ）

在cshtml页面中的jquery按钮单击事件

4 个答案: