внешний 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 :)