layui for 循环绑定颜色选择器colorpicker

最新推荐文章于 2024-11-07 10:33:08 发布

大强写代码

最新推荐文章于 2024-11-07 10:33:08 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： layui

本文链接：https://blog.csdn.net/m0_45010567/article/details/116854718

layui 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了解决JavaScript循环中colorpicker组件绑定问题的方法，通过使用立即执行函数实现每次迭代独立绑定，确保每个循环实例都能正确响应.

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

for (var a = 1; a <= 5; a++) {
			layui.use(['form', 'colorpicker'], function () {
				var form = layui.form;
				colorpicker = layui.colorpicker;
				//常规使用
				colorpicker.render({
					elem: '#colorclick' + a //绑定元素
					, done: function (color) {
						$("#color" + a).val(color);
					}
				});
			});
	}

上面绑定一直到循环之后才会执行绑定，所以 a = 5 的绑定才会成功；
解决方法：使用立即执行函数
```
 (function (a) {}
```

for (var a = 1; a <= 5; a++) {
		(function (a) {
			layui.use(['form', 'colorpicker'], function () {
				var form = layui.form;
				colorpicker = layui.colorpicker;
				//常规使用
				colorpicker.render({
					elem: '#colorclick' + a //绑定元素
					, done: function (color) {
						$("#color" + a).val(color);
					}
				});
			});
		})(a);
	}