Добрый деньДобавление Minicolors к применению MVC
Я не могу использовать minicolors для своего приложения MVC. Это может быть проблема Minicolors или проблема с плагином jQuery. В любом случае, я застрял. Я прибегала к поиску безрезультатно. Любая помощь очень ценится
Что моя установка выглядит Я уверен, что я добавил его в моем тег сценария
При отладке в хроме он говорит, что у меня есть это ссылки правильно
Но я продолжаю получать ошибки: SCRIPT438: Объект не поддерживает свойство или метод «minicolors»
То, что я пробовал: • Я попытался добавить minicolors к своему вводу на фиктивный HTML, и он работает • Я попытался запустить мое приложение MVC> Щелкните правой кнопкой мыши> Просмотр источника> Сохранить на рабочем столе> Изменить тег сценария на другой путь (потому что, поскольку я сохранил его на рабочий стол, путь изменился) >> Это работает! Он просто не работает сам по себе, когда я запускаю его из MVC
Спасибо!
EDIT: Вот мои коды
_Layout.cshtml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>@ViewBag.Title - My ASP.NET MVC Application</title>
<link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<script src="../../Scripts/jquery-1.8.2.js"></script>
<script src="../../Scripts/jquery-ui-1.8.24.js" ></script>
<script src="@Url.Content("../../Scripts/jquery.minicolors.js")"></script>
<link rel="stylesheet" href="../../Content/jquery.minicolors.css" type="text/css"/>
@Styles.Render("~/Content/css")
@Scripts.Render("~/bundles/modernizr")
</head>
<body>
<header>
<div class="content-wrapper"><img src="../../Images/HeroRed.png" style="vertical-align: middle" /> // Page</div>
</header>
<div id="body">
@RenderSection("featured", required: false)
<section class="content-wrapper main-content clear-fix">
@RenderBody()
</section>
</div>
</body>
</html>
Index.cshtml
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<script>
$(document).ready(function() {
$('#dude').minicolors();
});
</script>
<h2>Index</h2>
<input id="dude"/>
Сгенерированный HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Index - My ASP.NET MVC Application</title>
<link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<meta name="viewport" content="width=device-width" />
<script src="../../Scripts/jquery-1.8.2.js"></script>
<script src="../../Scripts/jquery-ui-1.8.24.js" ></script>
<script src="../../Scripts/jquery.minicolors.js"></script>
<link rel="stylesheet" href="../../Content/jquery.minicolors.css" type="text/css"/>
<link href="/Content/site.css" rel="stylesheet"/>
<script src="/Scripts/modernizr-2.6.2.js"></script>
</head>
<body>
<header>
<div class="content-wrapper"><img src="../../Images/HeroRed.png" style="vertical-align: middle" /> // Page</div>
</header>
<div id="body">
<section class="content-wrapper main-content clear-fix">
<script>
$(document).ready(function() {
$('#dude').minicolors();
});
</script>
<h2>Index</h2>
<input id="dude"/>
</section>
</div>
</body>
</html>
Можете ли вы добавить код, в котором вы вызываете мини-сериалы? –
У вас проверить свою консоль, правильный ли путь? – Se0ng11
Есть ли причина, по которой вы не используете виртуальные пути (т. Е. «~/Scripts/jquery-1.8.2.js»)? –