js颜色选择器
2016-03-01 15:22
585 查看
http://jscolor.com/
http://jscolor.com/examples/
今天使用了js里的颜色选择器,后来发现在ruby代码里有个问题,在编辑页面需要重新刷新一次才能加载这个控件。
Turbolinks 中的事件列表:
https://github.com/turbolinks/turbolinks-classic/tree/v2.5.3#events
JSColor 不能生效的原因:
With Turbolinks pages will change without a full reload, so you can't rely on
the page.
解决办法,就是将 JSColor 中初始化逻辑绑定到 Turbolinks 的 'page:change' 时间上,而不是原生 window 的 'load' 事件
app/assets/javascripts/jscolor.js
http://jscolor.com/examples/
今天使用了js里的颜色选择器,后来发现在ruby代码里有个问题,在编辑页面需要重新刷新一次才能加载这个控件。
Turbolinks 中的事件列表:
https://github.com/turbolinks/turbolinks-classic/tree/v2.5.3#events
JSColor 不能生效的原因:
With Turbolinks pages will change without a full reload, so you can't rely on
DOMContentLoadedor
jQuery.ready()to trigger your code. Instead Turbolinks fires events on
documentto provide hooks into the lifecycle of
the page.
解决办法,就是将 JSColor 中初始化逻辑绑定到 Turbolinks 的 'page:change' 时间上,而不是原生 window 的 'load' 事件
app/assets/javascripts/jscolor.js
register : function () { // jsc.attachDOMReadyEvent(jsc.init); jsc.attachEvent(document, 'page:change', jsc.init); jsc.attachEvent(document, 'mousedown', jsc.onDocumentMouseDown); jsc.attachEvent(document, 'touchstart', jsc.onDocumentTouchStart); jsc.attachEvent(window, 'resize', jsc.onWindowResize); },
相关文章推荐
- cojs 1532. [IOI2001]移动电话
- js动态生成表格
- js对象数组添加元素
- JavaScript & each() 方法
- ExtJS入门之二 事件
- js 获取页面窗口的大小
- 获取地址栏传值 地址栏 参数
- 跨域
- 深入分析js中的constructor 和prototype
- javascript数据类型学习
- 把接口转成json数据格式
- electron之Windows下使用 html js css 开发桌面应用程序
- json笔记
- 前端之JavaScript第四天学习(10)-JavaScript-运算符
- JavaScript & push() 方法
- 前端之JavaScript第三天学习(9)-JavaScript-函数
- js判断正整数
- Arcgis api for javascript 详细部署
- Arcgis api for javascript 详细部署
- Arcgis api for javascript 详细部署