回复：http://jsfiddle.net/bgrins/ctkY3/
我很茫然。我无法使这个颜色选择器（或任何颜色选择器）正常工作。
以下是测试页的HTML总内容。
我有jQuery链接。
据我所知，路径在链接（.js和.css）上是正确的。
我还尝试将内联初始化包装在“ $（document）.ready（function（）”中，但这无济于事。我得到的只是常规文本框。它不适用于我在多个浏览器和多个设备上使用。
谁能看到我错过的东西？
这可能很简单，我会很尴尬，但是我迫切希望找到一个好的拾色器。这是我尝试过的第三个。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Spectrum Color Picker - Test</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="include/spectrum/spectrum.js"></script>
<link rel="stylesheet" href="include/spectrum/spectrum.css" />
<script>
$(".basic").spectrum({
color: "#f00",
change: function(color) {
$("#basic-log").text("change called: " + color.toHexString());
}
});
</script>
</head>
<body>
<h2>Basic Usage</h2>
<input type='text' class="basic"/>
<em id='basic-log'></em>
</body>
</html>
最佳答案
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="http://bgrins.github.io/spectrum/spectrum.css">
<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
<script src="http://bgrins.github.io/spectrum/spectrum.js"></script>
</head>
<body>
<h2>Basic Usage</h2>
<input type='text' class="basic" />
<em id='basic-log'></em>
<script>
$(".basic").spectrum({
color: "#f00",
change: function (color) {
$("#basic-log").text("change called: " + color.toHexString());
}
});
</script>
</body>
</html>
这绝对是有效的，我唯一能想到的是
css和js没有正确加载。关于javascript - 我无法使光谱颜色选择器正常工作。我想念什么？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/61071578/