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

Question

Я пытаюсь изменить функцию reflectionColor в некотором javascript на цвет jqeuryui ui-widget-content. Причина в том, что я хочу изменить цвет отражения, когда применяется каждая тема 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() используется для получения значений элемента forms.

Чтобы получить значение CSS в BackgroundColor, первая линия достаточно:

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

The .css() function

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

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

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

Проблема здесь заключается в том, что JQuery возвращает значение цвета в RGB формате(), так что вы должны преобразовать его до !

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