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

标签 javascript jquery html twitter-bootstrap plugins

我正在使用插件 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");
    }
});

最佳答案

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

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

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

关于javascript - jquery-colorpickersliders onChange 事件在页面加载时触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22392782/

相关文章:

javascript - 鼠标移动后或5秒后加载外部JS文件,以获得更好的页面速度优化

html - rails 5 中具有线性渐变的背景图像

javascript - 为什么上下文描边会重绘 Canvas 上的旧图

html - 如何使用 CSS 将一个元素移到另一个元素的右边?

javascript - ng-table 的 getData 函数中未定义的参数

javascript - $(id).submit() 不触发提交表单

javascript - 通过 iframe 打印 pdf(跨域)

javascript - jquery 在 <div> 中选择多个 <p>

javascript - jQuery 使用 map() 从所有输入构建 json

javascript - jQuery 微醉插件。焦点触发不起作用