Ошибка JavaScript в blockUI при использовании локальных файлов сценариев

Question

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

Затем я сослался на эти два файла на моей странице.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>

Однако, когда я запускаю его, я получаю ошибку javascript "объект не поддерживает метод" блок "", что я понял из других постов, потому что 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 или главная страница находятся внутри папки (кроме корневого уровня), вы можете использовать один из следующих подходов:

<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>