Плагин jQuery Color Picker не работает

Question

Плагин jQuery Color Picker не работает

0

Я установил плагин выбора цвета jQuery, и я не знаю, как получить выбранный цвет, чтобы я мог изменить цвет моего div. Я следовал инструкциям в документации плагина, но не повезло. Это мой код:

<div id="colorpickerHolder"></div>
<div id="colorContainer">Test</div>

ColorpickerHolder - это div, который я использую для прикрепления подборщика цветов, и я сделал второй div только для проверки выбора цвета. И в javascript файле у меня есть это:

$('#colorpickerHolder').ColorPicker({
    color: '#0000ff',
    onShow: function (colpkr) {
        $(colpkr).fadeIn(500);
        return false;
    },
    onHide: function (colpkr) {
        $(colpkr).fadeOut(500);
        return false;
    },
    onChange: function (hsb, hex, rgb) {
        $('#colorContainer').css('color', '#' + hex);
    }
});

Я включил все файлы.js, которые я нашел в папке плагина, поэтому я не знаю, где проблема.

Alen 04 окт. 2013, в 20:27

Источник

0

Размещена ли где-нибудь библиотека "ColorPicker", чтобы мы могли ссылаться на нее или включать ее в jsFiddle?
showdev 04 окт. 2013, в 18:15
0

eyecon.ro/colorpicker Это плагин, который я использую
Alen 04 окт. 2013, в 18:34
0

Я связался с файлами на странице примера eyecon. Кажется, работает. jsfiddle.net/mshZ2/1
showdev 04 окт. 2013, в 19:32

Показать ещё 1 комментарий

Теги:

javascript

jquery

jquery-ui

jquery-plugins

1 ответ

Ещё вопросы

Размещена ли где-нибудь библиотека "ColorPicker", чтобы мы могли ссылаться на нее или включать ее в jsFiddle?
eyecon.ro/colorpicker Это плагин, который я использую
Я связался с файлами на странице примера eyecon. Кажется, работает. jsfiddle.net/mshZ2/1

falinsky · Answer 1 · 2013-10-04T16-55-00.000Z

$(document).ready(function(){
    $('#colorpickerHolder').ColorPicker({
        color: '#0000ff',
        onShow: function (colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function (colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function (hsb, hex, rgb) {
            $('#colorContainer').css('color', '#' + hex);
        }
    });
}

Некоторое объяснение было бы полезно.
Просто вставив код, вы заставите всех остальных понять, каков ваш ответ на самом деле. Вот объяснение: этот ответ оборачивает ваш код ColorPicker внутри функции jQuery, которая выполняется, когда документ готов. Это обеспечивает загрузку необходимых ресурсов перед запуском ColorPicker. api.jquery.com/ready
@ Ален, я не вижу этого в коде, который вы предоставили. Вы можете отредактировать свой вопрос и предоставить весь соответствующий код .
Вот рабочий пример использования этого ответа: jsfiddle.net/mshZ2/1
@showdev Твоя скрипка помогла мне, похоже, у меня была какая-то опечатка, я не знаю, я скопировал твой код, и он работает. Спасибо