当前位置: 首页 > 工具软件 > jPicker > 使用案例 >

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

幸乐湛
2023-12-01
 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

 

转载于:https://www.cnblogs.com/keepLeung/p/9287711.html

 类似资料: