安装拾色器时遇到问题

Question

我发现这个project，我不确定它为什么不能在我的应用程序中工作。我敢肯定这件事情简单我只是想不出什么...

错误： 类型错误：e.widget不是一个函数evol.colorpicker.min.js：10 类型错误：$（.. ）。ColorPicker的是不是一个函数

我 的JQuery 2.1.1 JQuery用户界面1.11.1

JQuery的

@section Scripts 
{ 
    @Scripts.Render("~/Scripts/Custom/custom.js") 
    @Scripts.Render("~/Scripts/Custom/evol.colorpicker.min.js") 
} 

Custom.js

$(document).ready(function() { 
    $("#mycolor").colorpicker(); 
}); 

CSS

@section Styles 
{ 
    @Styles.Render("~/Content/evol.colorpicker.css") 
} 

的Html

<div style="width:128px"> 
    <input style="width:100px;" id="mycolor" class="colorPicker evo-cp0" /> 
    <div class="evo-colorind" style="background-color:#8db3e2"></div> 
</div> 

捆绑

 bundles.Add(new ScriptBundle("~/bundles/jquery").Include(
        "~/Scripts/jquery-{version}.js")); 

     bundles.Add(new ScriptBundle("~/bundles/jqueryui").Include(
        "~/Scripts/jquery-ui-{version}.js")); 

     bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include(
        "~/Scripts/jquery.unobtrusive*", 
        "~/Scripts/jquery.validate*")); 

     // Use the development version of Modernizr to develop with and learn from. Then, when you're 
     // ready for production, use the build tool at http://modernizr.com to pick only the tests you need. 
     bundles.Add(new ScriptBundle("~/bundles/modernizr").Include(
        "~/Scripts/modernizr-*")); 

     bundles.Add(new StyleBundle("~/Content/css").Include("~/Content/site.css")); 

     bundles.Add(new StyleBundle("~/Content/themes/base/css").Include(
        "~/Content/themes/base/jquery.ui.core.css", 
        "~/Content/themes/base/jquery.ui.resizable.css", 
        "~/Content/themes/base/jquery.ui.selectable.css", 
        "~/Content/themes/base/jquery.ui.accordion.css", 
        "~/Content/themes/base/jquery.ui.autocomplete.css", 
        "~/Content/themes/base/jquery.ui.button.css", 
        "~/Content/themes/base/jquery.ui.dialog.css", 
        "~/Content/themes/base/jquery.ui.slider.css", 
        "~/Content/themes/base/jquery.ui.tabs.css", 
        "~/Content/themes/base/jquery.ui.datepicker.css", 
        "~/Content/themes/base/jquery.ui.progressbar.css", 
        "~/Content/themes/base/jquery.ui.theme.css")); 
    } 
} 

编辑脚本位置

@section Scripts 
{ 
    @Scripts.Render("~/bundles/jqueryval") 
    <script type="text/javascript" src="@Url.Content("~/Scripts/Custom/custom.js")"></script> 
    <script type="text/javascript" src="@Url.Content("~/Scripts/Custom/evol.colorpicker.min.js")" ></script> 
} 

Answer 1

你应该把脚本放在bundlr

@Scripts.Render("~/Scripts/Custom/custom.js") 
    @Scripts.Render("~/Scripts/Custom/evol.colorpicker.min.js") 

这是没有名字bundles.I的假设name.But您使用它们作为捆绑这些只是脚本名称

尝试

<script src="@Url.Content("~/Scripts/Custom/custom.js")" type="text/javascript"></script> 
<script src="@Url.Content("~/Scripts/Custom/evol.colorpicker.min.js")" type="text/javascript"></script> 

但将来把这些脚本捆绑起来