Jquery 向MVC应用程序添加MiniColor

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应用程序>

你好

我无法在MVC应用程序中使用MiniColor。这可能纯粹是MiniColor问题或jQuery插件问题。不管怎样,我都被卡住了。我一直在谷歌上搜索,结果一无所获。非常感谢您的帮助

我的设置看起来像什么 我肯定我在脚本标签中添加了它

在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脚本