jQuery jPicker 颜色选择器 : How to convert from 8 digit (w Transparency) to standard 6 digit hex?

Question

我已经安装了 jPicker 并且运行良好；这是一个非常甜蜜的脚本。

但是，它返回到我的输入框的值是 8 位十六进制。我需要它返回 6 位十六进制数字。

与其将 8 位数字后处理为 6 位，我宁愿直接侵入脚本并强制使用 6 位数字。或者，我可以 Hook jPicker 的更改事件来拦截其发送到输入元素的值，并在用十六进制更新输入之前在那里进行转换。

这是我的代码:

$(function() {
    $('#myThemeColor').jPicker(); /* Bind jPicker to myThemeColor input */
    $("#carousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        visible: 6,
        speed: 700
    });

这是我正在使用的代码来拦截 myThemeColor 输入的更改事件，但它根本没有触发。

$('#myThemeColor').change(function()
    {
alert(this.val()); /* does not fire on any action */)
    if($(this).val().length == 8)
        {

        $(this).val(function(i, v) 
            {
                return v.substring(0, 6); 
            });
        }
    });

Answer 1

如果您使用输入，则可以像这样使用回调:

$('#myThemeColor').jPicker({}, 
   function(color) { $(this).val(color.get_Hex()); },
   function(color) { $(this).val(color.get_Hex()); });
);

这将获取十六进制值，并将该值设置为当您点击“确定”并在选择器中更改它时生效的值。如果您不希望第二个功能生效，请将其取消。