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

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);
	}

• 这样的每一次循环都会执行，每一次都会绑定；