`
zhong871004
  • 浏览: 62836 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

使用jQuery调色器farbtastic--触发change事件

阅读更多

jQuery调色器插件farbtastic非常的好用,官方网址如下:http://acko.net/dev/farbtastic

附件中是官网的例子以及添加的一个例子,主要是触发颜色改变时,input的change事件

 

其中需要对farbtastic.js文件进行修改

找到如下一行

fb.updateDisplay = function () {
}

 在其中添加一行代码

 // Change linked value
      $(fb.callback).each(function() {
        if (this.value && this.value != fb.color) {
          this.value = fb.color;
	  $(this).trigger('change');//这是添加的一行
        }
      });

 详情请看链接:http://drupal.org/node/201684

分享到:
评论
1 楼 wenjundiandian 2012-08-28  
为什么颜色控件的圆圈没有出来啊.....求解释!

相关推荐

    jQuery调色板插件spectrum

    jQuery调色板插件spectrum就是这样一个强大的解决方案,它为开发者提供了一个功能齐全、易于使用的颜色选择器。spectrum插件以其丰富的特性、灵活的配置选项和良好的兼容性,受到了广大开发者的青睐。 首先,我们来...

    jquery-minicolors-master.zip_minicolors文档

    2. **change**:设置颜色改变时触发的回调函数。 3. **letterCase**:控制颜色值的字母大小写,如“uppercase”或“lowercase”。 4. **position**:设定颜色面板的位置,如“right”或“left”。 5. **theme**:...

    jquery 插件 颜色选择器

    4. **事件回调**:当用户选择颜色时,插件会触发特定的事件,如`change`或`select`,允许开发者编写相应的回调函数处理颜色变化。 5. **自定义配置**:插件通常允许开发者通过配置选项自定义颜色选择器的外观和行为...

    Jquery 颜色拾取器

    接下来,你需要找到需要添加颜色选择功能的元素,通过 jQuery 的 `.click()` 或 `.change()` 事件监听用户的操作。当用户触发颜色选择时,颜色拾取器弹出,用户选取颜色后,更新元素的 `color` 属性或 `style.color`...

    Jquery颜色选择器

    当用户选择了一个颜色后,插件会触发相应的事件(如`change`事件),开发者可以绑定事件处理器来处理颜色改变的情况。 4. **颜色表示**:颜色可以使用不同的格式表示,如RGB、RGBA、HEX、HSL或HSV。颜色选择器需要...

    jquery拾色器插件iColor.zip

    《jQuery拾色器插件iColor详解》 在网页设计与开发中,色彩选择器是不可或缺的工具,它使得用户可以方便地选取所需的颜色。jQuery iColor插件就是一款为网页设计师和开发者量身定制的颜色选取插件,它基于流行的...

    jQuery实现颜色选择器拾色器插件iColor源码.zip

    2. **事件触发**:插件提供了一系列事件,如`change`、`move`、`stop`等,开发者可以通过绑定这些事件来响应用户的选择行为,实现自定义功能。 四、UI组件与自定义 1. **组件定制**:iColor允许开发者自定义颜色...

    jquery 颜色选择控件

    - `change`: 当颜色改变时触发的回调函数。 - `opacity`: 是否支持透明度选择。 - `letterCase`: 颜色值的字母大小写形式,如'lowercase'或'uppercase'。 总结,jQuery颜色选择插件如miniColors,为Web开发带来了极...

    一个jquery的颜色选择插件

    在网页开发中,颜色选择功能常常被用于各种设计相关的应用,如CSS编辑器、调色板等。jQuery作为一个强大的JavaScript库,提供了许多方便的插件来扩展其功能,其中就包括颜色选择插件。本篇文章将深入探讨一个基于...

    无问的 jquery的颜色选择插件

    4. **事件触发**:支持`change`、`select`等事件,可以在用户选择颜色后执行自定义操作。 5. **自定义配置**:可以调整调色板的大小、颜色集合等,以适应不同的设计需求。 ### 使用方法 1. **引入资源**:首先,你...

    javascript调色板

    例如,可以监听颜色选择器上的`change`事件,当用户选择新的颜色时触发相应的回调函数。 9. **颜色存储与恢复**: 用户选定的颜色需要被保存,以便在页面刷新后还能恢复。这可以通过本地存储(localStorage)实现...

    colorwheel:jquery颜色选择器

    2. **事件处理**:jQuery提供了一致的事件绑定和触发机制,如`click()`、`change()`等,方便响应用户交互。 3. **动画效果**:jQuery的`animate()`函数可以让元素平滑地改变样式属性,创建各种动态效果。 4. **Ajax...

    js颜色选择器

    3. **事件处理**:JavaScript颜色选择器的核心是事件监听器,如`change`、`click`和`input`,这些事件触发时会更新颜色值,并可能触发相应的回调函数,以更新页面上的颜色。 4. **UI设计**:一个良好的颜色选择器应...

    webColor控件

    当用户选择颜色时,`webColor控件`会触发`change`事件,开发者可以通过监听这个事件获取并处理所选颜色。例如: ```javascript document.getElementById('myColorPicker').addEventListener('change', function()...

    ColorPicker

    3. **事件处理**:当用户选择颜色时,ColorPicker会触发相关事件,如`change`或`select`,开发者可以通过监听这些事件来获取当前选中的颜色值,并更新网页元素的样式。 三、ColorPicker的实现方式 1. **自定义实现...

Global site tag (gtag.js) - Google Analytics