У меня есть простой сайт ASP.NET MVC, использующий Bootstrap для визуализации представления с девятью панелями. На каждой панели есть кнопка, при нажатии на которую должно открываться модальное всплывающее окно.
Проблема:
Если я включу ссылку на скрипт во включенный файл bootstrap.min.js, я смогу создать простое модальное всплывающее окно. Моя проблема в том, что в конечном итоге мне нужно будет начать передавать параметры во всплывающее окно, поэтому я пытаюсь разработать свое решение JQuery. В настоящее время, когда я нажимаю кнопку панели в моем представлении, я вижу в консоли Chrome, что получаю сообщение об ошибке:
Код: Выделить всё
Uncaught ReferenceError: $ is not defined
Примечание: Это представление основано на главном представлении, в которое включен как часть определенных пакетов
Код: Выделить всё
@{
ViewBag.Title = "CIBuilds";
Layout = "~/Views/Shared/_Layout.cshtml";
}
@Styles.Render("~/Content/css")
This Page is Disabled
This page is temporarily disabled by the site administrator for some reason.
[url=#]Click here[/url] to enable the page.
[url=#]Click to open Modal[/url]
//Other 8 panels
×
[h4]Modal title[/h4]
Modal Body
Close
Save changes
ERROR:***** Uncaught ReferenceError: $ is not defined
$(document).ready(function () {
$(".btn").click(function () {
$("#basicModal").modal("show");
});
});
ОБНОВЛЕНИЕ
Я закомментировал ссылку RenderSection главного представления на определенный пакет JQuery вместе с самим пакетом. Затем я добавил ссылку на JQuery1.9.1.js, а также попробовал 1.9.1.min.js, но безрезультатно.
Я тоже попробовал JQuery-1.11.2.js и 1.11.2.min.js еще раз, проблема все еще сохраняется.
Теперь я получаю другое сообщение об ошибке, которое :
Код: Выделить всё
Uncaught TypeError: undefined is not a function
Подробнее здесь: https://stackoverflow.com/questions/277 ... d-on-modal