javascript - 外部js文件/不干扰js不能正常运行，但控制台中没有错误

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

我正在使用Visual Studio Web Developer Express2010。请参阅我的代码。

的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');
});

最佳答案

您的代码永远不会运行，您需要使用()调用该函数，因此它变为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 :)