Jquery 向MVC应用程序添加MiniColor
你好 我无法在MVC应用程序中使用MiniColor。这可能纯粹是MiniColor问题或jQuery插件问题。不管怎样,我都被卡住了。我一直在谷歌上搜索,结果一无所获。非常感谢您的帮助 我的设置看起来像什么 我肯定我在脚本标签中添加了它Jquery 向MVC应用程序添加MiniColor,jquery,asp.net-mvc,asp.net-mvc-4,Jquery,Asp.net Mvc,Asp.net Mvc 4,你好 我无法在MVC应用程序中使用MiniColor。这可能纯粹是MiniColor问题或jQuery插件问题。不管怎样,我都被卡住了。我一直在谷歌上搜索,结果一无所获。非常感谢您的帮助 我的设置看起来像什么 我肯定我在脚本标签中添加了它 在chrome中调试时,它说我正确引用了它 但我不断得到错误:SCRIPT438:Object不支持属性或方法“minicolors” 我尝试过的事情: •我尝试在虚拟HTML上向我的输入中添加MiniColor,效果良好 •我尝试运行我的MVC应用程序>
在chrome中调试时,它说我正确引用了它
但我不断得到错误:SCRIPT438:Object不支持属性或方法“minicolors” 我尝试过的事情: •我尝试在虚拟HTML上向我的输入中添加MiniColor,效果良好 •我尝试运行我的MVC应用程序>右键单击>查看源代码>保存到桌面>将脚本标记更改为另一个路径(因为自从我将其保存到桌面后,路径已更改)>>它可以工作!当我从MVC运行它时,它本身就无法工作 谢谢大家!!
编辑:这是我的代码
_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>
@Title-我的ASP.NET MVC应用程序
@style.Render(“~/Content/css”)
@Scripts.Render(“~/bundles/modernizer”)
//页面
@渲染部分(“特色”,必填项:false)
@RenderBody()
Index.cshtml
@{
ViewBag.Title = "Index";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<script>
$(document).ready(function() {
$('#dude').minicolors();
});
</script>
<h2>Index</h2>
<input id="dude"/>
@{
ViewBag.Title=“Index”;
Layout=“~/Views/Shared/_Layout.cshtml”;
}
$(文档).ready(函数(){
$('dude').minicolors();
});
指数
生成的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>
索引-我的ASP.NET MVC应用程序
//页面
$(文档).ready(函数(){
$('dude').minicolors();
});
指数
事实证明,与之冲突的是Modernizer,当我对它进行评论时,它起了作用。你能在调用MiniColor的地方添加代码吗?你检查过你的控制台路径是否正确吗?你不使用虚拟路径(即“~/scripts/jquery-1.8.2.js”)有什么原因吗?@SimonC:这很简单,实际上:$(document).ready(函数(){//Mini-Colors$('#dude').minicolors();});当在常规HTML上运行它时,它会立即工作,不会出现戏剧。@Se0ng11:是的,此屏幕截图来自Chrome>Sources:我还可以在屏幕上打开jquery.minicolors.js脚本