从farbtastic颜色选择器获取HEX值并将其添加到html标记属性

时间:2013-01-28 20:42:04

标签: jquery html attr color-picker

所以,我想做的是:

我有颜色选择“farbtastic”,效果很好。稍后在代码中我有“img”元素,其中包含来自另一个插件的属性,用于图像处理。我想将farbtastic HEX值设置为此img标记的属性。我试过以下:

    <script type="text/javascript">
        $(document).ready(function() {
        var picker = $.farbtastic('#picker');
        picker.linkTo(function onColorChange(color) {
        $('filter-tint').attr('data-pb-tint-colour',color)
        });
    });
    </script>

这是我的img标签:

    <img id="filter-tint" class="filter-tint" src="img/barva.png" data-pb-tint-opacity="1" data-pb-tint-colour="#ffffff"/>

请帮助,我已经尝试过几天传递这个值,但没有运气:(

1 个答案:

答案 0 :(得分:3)

ID ID选择器缺少#

$('filter-tint').attr('data-pb-tint-colour',color)
// ^----