gpt4 book ai didi

javascript - jquery 颜色选择器插件

转载 作者:行者123 更新时间:2023-11-28 02:07:19 26 4
gpt4 key购买 nike

我正在使用这个 jquery 颜色选择器插件 http://www.eyecon.ro/colorpicker/在我的网络应用程序中。一切正常,但当我尝试在 onBeforeShow 上设置调色板中的原始颜色时,它不起作用。

HTML

<div id="ncolor"></div><div id="ncolorpicker"><span id="ncpicker"></span></div>

查询

$("#ncolor").click(function(){
var a = $("#ncolor").css("background-color");
$("#ncolorpicker").show();
$("#ncpicker").show().ColorPicker({
flat: true,
onBeforeShow: function () {
alert("yes");
$(this).ColorPickerSetColor(a);
},
});
});

我正在使用 onChangeonSubmit 都可以,但不适用于 onBeforeShow。我什至没有在 onBeforeShow 中收到警告消息

我需要的是在显示之前在调色板中设置#ncolorbackground-color。为什么它甚至没有进入 onBeforeShow?谁能指导我?

谢谢!

最佳答案

似乎 onBeforeShow 不会在平面模式下触发。

在平面模式下,您可以使用 color 属性设置初始颜色:

.ColorPicker({flat: true, color: '#00ff00'});

请注意,在 Firefox 中,$("#ncolor").css("background-color") 返回 rgb(,,) 格式的字符串。color 接受 # 字符串 (#00ff00) 或像这样的 rgb 对象 {r: 0, g: 255, b: 0}

因此您可能需要先进行一些转换。

此外,在您的代码中,您每次点击时都会调用 .ColorPicker()。这是不必要的。

相反,您可以调用一次 .ColorPicker() 来设置 ColorPicker。然后点击你只需要调用 .ColorPickerSetColor() 和你的显示/隐藏函数。

例如:

$(document).ready(function(){
$("#ncpicker").ColorPicker({
flat: true,
// Initial colour here:
color: '#0000ff'
});
$("#ncolor").click(function(){
// Use your dynamic colour here - may change each time:
$('#ncpicker').ColorPickerSetColor('#00ffff');

// Put here your showing/hiding functionality.
});
});

此处为快速示例:http://jsfiddle.net/jfrej/853bv/(显示和隐藏取自 http://www.eyecon.ro/colorpicker/ 示例)。

关于javascript - jquery 颜色选择器插件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10632149/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com