gpt4 book ai didi

jquery - 安装颜色选择器时遇到问题

转载 作者:太空宇宙 更新时间:2023-11-04 03:34:56 25 4
gpt4 key购买 nike

我找到了这个 project而且我不确定为什么它在我的应用程序中不起作用。我敢肯定这很简单,我只是想不通是什么...

错误:类型错误:e.widget 不是函数 evol.colorpicker.min.js:10TypeError: $(...).colorpicker 不是函数

我有JQuery 2.1.1JQuery 用户界面 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>

bundle

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

最佳答案

你应该将脚本放在 bundlr 中

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

这不是包的名称。我想这些只是脚本名称。但是您使用它们作为包名称

尝试

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

但将来会把这些脚本打包

关于jquery - 安装颜色选择器时遇到问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25692885/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com