Стрелки сортировки в DataTable не появляются (404 в браузере)

Question

Я использую DataTables в проекте C #, и стрелки сортировки заголовка не появляются - фактически, в консоли я получаю ошибку 404.

Итак, я создаллокальная папка /images (это то, на что указывал png URL-адрес DataTables по умолчанию), но ошибка 404 все еще возвращается.

Я попытался поработать с путями к файлам в файле min.js, нобезрезультатно. Правильно ли я изменяю пути или есть что-то еще, что вызывает 404?

Несколько замечаний:

• Я очень мало знаю о C #

• Я работаю над этим с Visual Studio 2019 и все еще пытаюсь освоить макет

---

Solution Explorer

/ Content
  / images
     // sort_asc.png
  // jquery.dataTables.min.css (same level as /images)

фрагмент dataTables.min.css

.sorting_asc{background-image:url("images/sort_asc.png")} // not working

.sorting_desc{background-image:url("../images/sort_desc.png")} // original (how the file came)

BundleConfig.cs

bundles.Add(new StyleBundle("~/Content/css").Include(
    "~/Content/bootstrap.css",
    "~/Content/jquery.dataTables.min.css",
    "~/Content/fontawesome-5.9.0.css"
));

Консоль:

GET http://localhost:xxxxx/images/sort_asc.png 404 (Not Found)

Answer 1

Я предлагаю вам немного прочесть о том, как пути работают в HTML и CSS .

Учитывая предоставленную нам структуру

.sorting_asc{background-image:url("/Content/images/sort_asc.png")}

Это rootотносительный URL.

Также обратите внимание, что у вас есть BundleConfig bundles.Add(new StyleBundle("~/Content/css"). Это будет обслуживать ваш пакет CSS из http://yoursite.com/Content/css/bundledCSS.css, и все пути необходимо будет соответствующим образом изменить, даже если физические файлы находятся в каталоге content . Это еще одна причина, по которой корневые относительные URL-адреса являются хорошей идеей, тогда изображения не зависят от расположения CSS-файла.

Answer 2

Попробуйте написать путь следующим образом:

"~/Images/sort_desc.png"