javascript - jquery-colorpickersliders onChange 事件在页面加载时触发

Question

我正在使用插件 Bootstrap Color Picker Sliders。该插件的文档在这里:http://www.virtuosoft.eu/code/jquery-colorpickersliders/ .

出于某种原因，插件提供的 onchange 事件似乎在页面加载时触发。我不知道为什么。这是我做的还是插件本身的问题？

示例

这是我的意思:http://jsfiddle.net/bV7qF/

<div class="hsl"></div>

$(".hsl").ColorPickerSliders({
    flat: true,
    previewformat: 'hsl',
    order: {
        hsl: 1,
        preview: 2
    },
    onchange: function() {
        alert("test");
    }
});

Answer 1

是的，看起来插件会在您初始化它时调用 onchange 处理程序(通过上面的代码)。查看源代码。这是它的链接: http://www.virtuosoft.eu/code/jquery-colorpickersliders/jquery-colorpickersliders/v4.1.7/jquery.colorpickersliders.js

此函数:_updateAllElements(); 调用 settings.onchange(container, color);_updateAllElements(); 本身在插件加载时被调用(通过上面的代码)，在其 init(); 方法中...

通过搜索“onChange”查看源代码并跟踪函数调用!