Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/384.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在MVC razor视图中显示颜色选择器_Javascript_Html_Asp.net Mvc_Razor - Fatal编程技术网

Javascript 如何在MVC razor视图中显示颜色选择器

Javascript 如何在MVC razor视图中显示颜色选择器,javascript,html,asp.net-mvc,razor,Javascript,Html,Asp.net Mvc,Razor,我有一个使用MVC5创建的项目,视图是基于html、Javascript和Jquery创建的 我的一个用于插入数据的视图包含一个文本框,我希望它在用户单击时显示颜色选择器 我尝试使用这个库jscolor.js,但它在纯HTML页面中工作,在Razor视图中无法工作,我不知道为什么 <!DOCTYPE html> <html> <head> <title>jscolor Example</title> </head>

我有一个使用MVC5创建的项目,视图是基于html、Javascript和Jquery创建的

我的一个用于插入数据的视图包含一个文本框,我希望它在用户单击时显示颜色选择器

我尝试使用这个库jscolor.js,但它在纯HTML页面中工作,在Razor视图中无法工作,我不知道为什么

<!DOCTYPE html>
<html>
<head>
    <title>jscolor Example</title>
</head>
<body style="text-align:center;">
    <script src="jscolor.js"></script>
    <h2>Example 1</h2>
    Color: <input class="jscolor" value="ab2567">
</body>
</html>

jscolor示例
例1
颜色:
Javascript库的链接

下面是MVC视图中的代码

<script src="jscolor.js"></script>

<script>
    $(document).ready(function() {
        jscolor.installByClassName("jscolor");
    });
</script>

@using (Html.BeginForm("Create, "DateField", FormMethod.Post))
{
    <input class="jscolor" value="ab2567"/>
....etc

$(文档).ready(函数(){
installByClassName(“jscolor”);
});
@使用(Html.BeginForm(“Create,“DateField”,FormMethod.Post))
{
等

有人知道这方面的信息吗???

试试下面的代码。它对我很有用

@Html.TextBoxFor(m => m.PropertyList.color, new { @class = "jscolor"})

你试过什么razor代码?@Html.TexBoxFor(m=>m.color,new{@class=“jscolor”})那么你遇到了什么问题呢?我在一个html页面中尝试了上面的代码,效果很好,我把它复制到了一个MVC视图中,一模一样,我的意思是我在页面顶部嵌入了Jscolor.js文件,然后在@BeginForm中我设置了一个输入并尝试运行它,但它没有显示颜色选择器,而是删除了
min
版本(您不应拥有2份副本)