Javascript 一旦改变输入，就不起作用

我的代码有问题。我会根据用户的输入动态地改变我的背景颜色。但是我不能得到它。我觉得这很简单，我只是个盲人

以下是我的HTML标记和jQuery：

变异高度；
var宽度；
$（“#高度按钮”）。单击（函数（）{
高度=$（“#高度”）.val（）；
$（“#正方形”）.css（“高度”，高度）；
});
$（“#宽度按钮”）。单击（函数（）{
宽度=$（“#宽度”）.val（）；
$（“#正方形”）.css（“宽度”，宽度）；
});
$（函数（）{
$（“#cpl”）.change（函数（）{
$（“#square”）.css（“背景”，$（“#cpl”）.val（））；
});
})
$（函数（）{
$（'#cp1'）。colorpicker（）；
});

布雷特南加贝最佳酒店
Höhenangabe bestätigen
...
...

您遇到的问题是因为您的颜色选择器ID是

cp1

，而在js代码中您使用的是

cpl

（l-作为字母而不是数字）

将代码更改为：

 $(function () {
     $("#cpl").change(function(){
         $("#square").css("background", $("#cpl").val());
     });
 });

为此：

 $(function () {
     $("#cp1").change(function(){
         $("#square").css("background", $("#cp1").val()); // You can also use $(this).val() here to set the value
     });
 });

您可以在此处看到代码的工作演示：

---

我无法初始化颜色选择器，但您可以在框中输入值，如

#000

，它将更改背景

尝试使用浏览器提供的调试工具，并让我们知道控制台是否抛出任何错误您可以发布一个工作片段吗？？如果是

#cpl

上的

change

功能不起作用，那会有帮助吗？我找不到任何id为

cpl

@CarstenLøvboAndersen cp1的元素作为输入框的id存在。坐look@CarstenLøvboAndersen cpl id在这里实现：它是一个引导颜色选择器的插件。我们不会发布拼写错误的答案，因为它们不是代码问题，而是拼写问题。因此，甚至有一个内置的“投票/标志关闭”方法来实现这一目的。正如OP在评论中所说的，CPL是一个生成的id，它将代码中的颜色选择器背景更改为HTML和CSS中的背景颜色。它工作起来非常有魅力！谢谢你，先生！