Javascript Yii颜色选择器更改事件问题
我正在使用并且希望一如既往地在颜色选择器输入上附加一个更改事件:Javascript Yii颜色选择器更改事件问题,javascript,yii,color-picker,Javascript,Yii,Color Picker,我正在使用并且希望一如既往地在颜色选择器输入上附加一个更改事件: $('#color_picker').change(function(e) { console.log('It works!') }); 但它不起作用,然后我试着: $('#color_picker').miniColors({change: function(hex, rgb) { console.log('It works!') }}); 这也不行。考虑到文档,我应该在创建时附加此事件,但为什么?如果我需要在创建后附加它,
$('#color_picker').change(function(e) { console.log('It works!') });
但它不起作用,然后我试着:
$('#color_picker').miniColors({change: function(hex, rgb) { console.log('It works!') }});
这也不行。考虑到文档,我应该在创建时附加此事件,但为什么?如果我需要在创建后附加它,可以这样做吗?对于提供的
选项
,您缺少左右括号{},下面是上的说明
编辑(1):
注意我的行选项'change'
。
我认为函数字符串上的单引号无意中使数组无效。它使选项键“change”始终具有值“0”$(“#general_bgColor”).miniColors({change:function(hex,rgb){console.log(hex+'-'+rgb);});这就是我所拥有的,MiniColor的“c”必须是大写字母(来自Yii插件)-这根本不起作用,没有错误这只是我的打字错误,我试过了,效果很好。我使用的是同一版本的Yii扩展,您正在绑定MiniColor插件创建时的事件,是吗?也许我发现了您的问题所在,请查看我的编辑(2)
$(selector).minicolors({
change: function(hex, opacity) {
console.log(hex + ' - ' + opacity);
}
});
<input id="general_bgColor" type="text">
<script>
$(function(){
$('#general_bgColor').miniColors({ change: function(hex, rgb) { console.log('it worked!'); //console.log(hex + ' - ' + rgb); } });
})
</script>
$this->widget('ext.widgets.SMiniColors.SColorPicker', array(
'id' => 'myInputId',
'defaultValue'=>'#000000',
'hidden'=>false, // defaults to false - can be set to hide the textarea with the hex
'options' => array(
'change' => 'js:function(hex, rgb) { console.log(hex + " - " + rgb); }'
), // jQuery plugin options
'htmlOptions' => array(
), // html attributes
));