ASP.NET Core 2.2 Razor Pages - JQuery UI Сортируемый не работает - PullRequest
0 голосов
/ 20 октября 2019

Приведенный ниже код отлично работает на JS Fiddle, но я не могу заставить его работать в моем основном проекте asp.net. Учитывая тот факт, что я использую внешние ссылки для библиотеки JQuery, я мало что понимаю, почему это не работает в .Net Core. Может кто-нибудь сказать мне, что мне здесь не хватает?

Примечание: кажется, что не имеет значения, где размещены ссылки на внешние библиотеки ... пробовал размещать их в обычном месте под битами бритвы, но без разницы.

Страница бритвы:

 @page
 @model myProject.Pages.test1Model
 @{
    ViewData["Title"] = "test1";
  }

<head>
 <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
 <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>

<style>
 #sortable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 60%;
 }
</style>

<div class="text-light" id="sortable">
 <div class="bg-success text-dark">Item 1</div>
 <div class="bg-danger">Item 2</div>
 <div class="bg-warning">Item 2</div>

 <script>
  $(function () {
    $("#sortable").sortable();
    $("#sortable").disableSelection();
  });
 </script>

1 Ответ

0 голосов
/ 21 октября 2019

На своей странице бритвы вы можете загрузить сценарии в разделе Scripts (который определяется из _Layout.cshtml):

<div class="text-light" id="sortable">
    <div class="bg-success text-dark">Item 1</div>
    <div class="bg-danger">Item 2</div>
    <div class="bg-warning">Item 2</div>
</div>

@section Scripts{

    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script>

        $(function () {
            $("#sortable").sortable();
            $("#sortable").disableSelection();
        });

    </script>
}

Учебник по бритвенным страницам

...