Question

我有外部js脚本，例如我编写此代码

    $('#save').click(function () {
    alert('Clicked');
});

在视图中我有按钮

 <div class="form-group" style="text-align:center">
    <input type="button" id="save" value="Create"  style="border-radius:30px; background: #1d69b4; border-color: #1d69b4;width: 250px; color: white;" class="btn btn-default" style="margin-right: 40px;" />
</div>

在View的标题中我放了这样的脚本

 <script src="~/Scripts/jquery-3.2.1.js"></script>
<script src="~/Scripts/HTMLCanvas.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/0.9.0rc1/jspdf.min.js"></script>
<script src="~/Scripts/PatientDatabaseScripts/AddingPatient.js"></script>

当我点击按钮时，它什么也没做，任何警报。在开发者控制台中没有错误。

但是当我通过函数编写警报时，并在按钮放置代码onclick = "save()"时，一切正常。

我的问题在哪里？

Answer 1

可能是您尝试在尚未加载的DOM元素上附加事件处理程序。

你可以做的一件事就是将你的JS包装成一个准备好的＆＃39;块，像这样：

$(document).ready(function(){
    $('#save').click(function () {
      alert('Clicked');
    });
})

外部js脚本无法在View（ASP.NET）中工作

1 个答案: