ASP.Net MVC — TypeError $(...) камера не является функцией ⇐ CSS

[Anonymous]

Я пытаюсь заставить слайд-шоу камеры работать в представлении ASP.Net MVC. Я успешно заставил его работать в обычной среде HTML. Это называется «обтекание камеры».
Я использую MVC версии 5.2.9.0 в Visual Studio 2022. Я работаю с VB.Net уже давно, но относительно новичок в использовании HTML, CSS и Javascript. Я понимаю их взаимодействие и то, что они делают. Я особенно хочу использовать MVC (VB.Net).
Я буквально скопировал рабочий HTML-документ в свое представление MVC. Я добавил в решение соответствующие CSS, Javascript и изображения. HTML включает относительные ссылки на сценарии и файл CSS. Я также попробовал загрузить их все, используя опцию «пакеты». Я также изменил знак $ для «jQuery» при вызове функции. Скрипт для этого...

Код: Выделить всё

    
jQuery(function () {

jQuery('#camera_wrap_1').camera({
thumbnails: true
});

jQuery('#camera_wrap_2').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});

Я получаю следующую ошибку...
TyepError
с этой ошибкой трассировки стека.
Я получаю следующую ошибку...
TyepError
с этой ошибкой трассировки стека.
Я получаю следующую ошибку...
TyepError
с этой ошибкой трассировки стека.
p>
stacktrace
Я надеюсь, что это связано с отсутствием у меня знаний MVC. Я безуспешно пытался найти эту проблему в разных местах. .
Это HTML-код, который я скопировал...

Код: Выделить всё

Camera | a free jQuery slideshow by Pixedelic





body {
margin: 0;
padding: 0;
}
a {
color: #09f;
}
a:hover {
text-decoration: none;
}
#back_to_camera {
clear: both;
display: block;
height: 80px;
line-height: 40px;
padding: 20px;
}
.fluid_container {
margin: 0 auto;
max-width: 1000px;
width: 90%;
}










$(function(){

$('#camera_wrap_1').camera({
thumbnails: true
});

$('#camera_wrap_2').camera({
height: '400px',
loader: 'bar',
pagination: false,
thumbnails: true
});
});





[url=http://www.pixedelic.com/plugins/camera/]← Back to the Camera project[/url]


Pagination circles with the height relative to the width



Camera is a responsive/adaptive slideshow.  Try to resize the browser window




It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers




It's completely free (even if a donation is appreciated)




Camera slideshow provides many options to customize your project as more as possible




It supports captions, HTML elements and videos and it's validated in HTML5 ([url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins%2Fcamera%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2]have a look[/url])




Different color skins and layouts available, fullscreen ready too




Thumbnails with fixed height



Camera is a responsive/adaptive slideshow.  Try to resize the browser window




It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers




It's completely free (even if a donation is appreciated)




Camera slideshow provides many options to customize your project as more as possible




It supports captions, HTML elements and videos and it's validated in HTML5 ([url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.pixedelic.com%2Fplugins%2Fcamera%2F&charset=%28detect+automatically%29&doctype=Inline&group=0&user-agent=W3C_Validator%2F1.2]have a look[/url])




Different color skins and layouts available, fullscreen ready too

Во-первых, функция «камера» находится в другом скрипте — camera.min.js, а не jquery.min.js, как указано в трассировке стека???
Я попробовал загрузить скрипты и CSS-файл, используя опцию «bundles». Я «перетащил» скрипты + ссылки CSS в представление из обозревателя решений.
Я изменил знак $ на «jQuery». Во-первых, функция «камера» находится в другом скрипте — camera.min.js, а не jquery.min.js, как указано в трассировке стека???

Подробнее здесь: https://stackoverflow.com/questions/789 ... a-function