Problème lors de l'installation du sélecteur de couleurs

Question

J'ai trouvé ce project et je ne sais pas pourquoi cela ne fonctionne pas dans mon application. Je suis sûr que c'est quelque chose de simple, je ne peux pas comprendre ce que ...

Erreurs: TypeError: e.widget est pas une fonction evol.colorpicker.min.js: 10 TypeError: $ (.. .). colorpicker est pas une fonction

Je JQuery 2.1.1 JQuery UI 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

 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")); 
    } 
} 

EDIT SCRIPT EMPLACEMENT

@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

Vous devez placer des scripts dans bundlr

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

C'est pas le nom de bundles.I suppose que ce seul script name.But vous en utilisant leur paquet comme nom

Essayez

<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> 

mais à l'avenir mettre ces scripts à regrouper