Использование функции для изменения цвета: Jquery

Question

Я пытаюсь сделать так, чтобы функция меняла в приложении javascript отражениеColor на цвет содержимого пользовательского интерфейса jqeuryui. Причина в том, что я хочу изменить цвет отражения при применении каждой темы Themeroller. Вот мой код:

function colorReflect(){,
var jqueryuiColor = $('.ui-widget-content:first').css('background-color');
return $(jqueryuiColor).val();

}

var cf = new ContentFlow('contentFlow',{

    reflectionColor:  colorReflect,
    visibleItems: 4,
    circularFlow: true,
    startItem: "center",
    scrollInFrom: "none",
    space: 0.4,
    maxItemHeight : 200,
    showCaption: true,
    flowSpeedFactor: 1.0,
    scrollWheelSpeed: 1,
    flowDragFriction: 1,
    reflectionGap: 0.0,
    reflectionHeight: 0.4,
            onReachTarget : function(){
    if (global.isCboxOpen)
        initCBox();
},

Я думаю, что я на неправильном пути! Любая помощь будет оценена.

Answer 1

Получение значения цвета:

Внутри функции "colorReflect", почему вы делаете jqueryuiColor.val()?
.val () используется для получения значений элемента формы.

Чтобы получить значение css для backgroundColor, достаточно первой строки:

return $('.ui-widget-content:first').css('background-color');
// returns rgb(255,255,255)

Функция .css ()

Установка значения цвета отражения для плагина ContentFlow:

Глядя на документацию, кажется, что плагин принимает значения цвета в шестнадцатеричном формате:

refleColor: = строка (по умолчанию: прозрачный)
Установить "поверхность" - цвет отражения. Может быть «none», «прозрачный» или #RRGGBB (шестнадцатеричные значения RGB)

Проблема здесь в том, что jquery возвращает значение цвета в формате rgb (), поэтому вам придется преобразовать его раньше!

Выполните метод из ответа , чтобы преобразовать значения цвета rgb () в шестнадцатеричный формат.