Javascript 如何在MVC razor视图中显示颜色选择器
我有一个使用MVC5创建的项目,视图是基于html、Javascript和Jquery创建的 我的一个用于插入数据的视图包含一个文本框,我希望它在用户单击时显示颜色选择器 我尝试使用这个库jscolor.js,但它在纯HTML页面中工作,在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>
<!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份副本)