外部 js 文件/不显眼的 js 不工作但控制台没有错误

Question

我有一个外部 JavaScript 文件，内联 JavaScript 工作正常，但是当我将它分开时（不显眼），它不起作用，也没有显示错误。

我正在使用 Visual Studio Web Developer Express 2010。请查看我的代码。

HTML

    <form id="form1" runat="server">
    <div>
     <br />
     <button id="btnSave" type="button" style="width:300px; height:200px;"> SAVE           </button>
    </div>
  </form>

ASPX 头

    <script src="<%= ResolveUrl("~/javascript_01.js") %>" type="text/javascript"></script>

外部 JS

        /// <reference path="~/Scripts/libframeworks/jQuery/jQuery-2.1.4.min.js" />

(function () {
    $('#btnSave').mouseover().css("background-color", "Blue");
    $('#btnSave').mouseleave().css('background-color', 'gray');
});

Answer 1

你的代码从来没有运行，你需要使用()调用函数，所以它变成了一个IIFE，里面的代码会被执行。

记得在您的脚本之前添加 jquery：

<script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>

您的外部 JS：

(function ($) {
    $('#btnSave').mouseover().css("background-color", "Blue");
    $('#btnSave').mouseleave().css('background-color', 'gray');
})(jQuery); //You need to call the function :)

外部 js 文件/不显眼的 js 不工作但控制台没有错误

external js file / unobtrusive js not working but there is no error in console

javascript

asp.net

unobtrusive-javascript