biubiubiu...

解决jquery组件样式冲突 jPicker实例

 1  jQuery(function ($) { // 屏蔽jPicker和bootstrap样式冲突
 2         $.fn.jPicker.defaults.images.clientPath = 'components/jpicker/images/'; //设置颜色选择器组件的图片的默认路径
 3         $('#color').jPicker({
 4             window: {
 5               expandable: true,
 6               position: {
 7                 x: 'screenCenter',
 8                 /* acceptable values "left", "center", "right", "screenCenter", or relative px value */
 9                 y: 'bottom'
10               },
11             }
12           },
13           function (color, context) {
14             var all = color.val('all');
15             // alert('Color chosen - hex: ' + (all && '#' + all.hex || 'none') + ' - alpha: ' + (all && all.a + '%' || 'none'));
16             // console.log($.jPicker.List[0].color.active.val('ahex'));
17             console.log($.jPicker.List[0].color.active.val('hex'));
18             console.log(all.hex);
19             console.log(aliveChart.chart.series);
20           })
21       })
22     .
23     .
24     .
25     .
26     others

 

posted @ 2018-07-10 10:37  了恩  阅读(567)  评论(0编辑  收藏  举报