blockUI ошибка javascript при использовании файлов локального скрипта

Question

Я пытаюсь использовать blockUI в автономном режиме в моем приложении asp.net. Я создал два JS-файлы, один для jquery и один для blockUI script

Я тогда ссылается эти два файла в моей странице .aspx следующим образом:

<script type="text/javascript" src="Scripts/jquery.min.js"></script> 
    <script type="text/javascript" src="Scripts/jquery.blockUI.js"></script> 

и вот пример того, как я использую его:

<script type="text/javascript"> 
     Page = Sys.WebForms.PageRequestManager.getInstance(); 
     Page.add_beginRequest(OnBeginRequest); 
     Page.add_endRequest(endRequest); 

     function OnBeginRequest(sender, args) { 
      $('div#blockme').block({ 
       message: '<i class="fa fa-spinner fa-spin"></i> Loading...', 
       overlayCSS: { backgroundColor: '#fff' } 
      }); 
     } 
     function endRequest(sender, args) { 
      $('div#blockme').unblock(); 
     } 

    </script> 

Однако, когда я запускаю его, я получаю ошибку яваскрипта «объект не поддерживает метод„блок“», который я понял из других постов, что это потому, что JQuery или blockUI не были загружены правильно.

Но когда я использую онлайн-сценарии, приложение работает отлично:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> 
    <script src="http://malsup.github.io/jquery.blockUI.js"></script> 

мне нужно использовать его в автономном режиме, так что я не буду иметь возможность использовать онлайн-скрипты.

Есть ли что-то, что я делаю неправильно, ссылаясь на локальные файлы?

Answer 1

Если ASPX или Master страница находится внутри папки (кроме корневого уровня), вы можете использовать один из следующих вариантов подхода -

<script src="~/Scripts/jquery.min.js" type="text/javascript"></script> 
<script src="~/Scripts/jquery.blockUI.js" type="text/javascript"></script> 

Или

<script src="<%= ResolveUrl("~/Scripts/jquery.min.js") %>" 
    type="text/javascript"></script> 
<script src="<%= ResolveUrl("~/Scripts/jquery.blockUI.js") %>" 
    type="text/javascript"></script>