0

我尝试在我的应用程序中添加一个 jquery 插件但不工作：| 所以在头脑中我有：

<link rel="stylesheet" media="screen" type="text/css" href="./style/colorpicker.css" />
<script type="text/javascript" src="./scripts/jqueryColorPicker/colorpicker.js"></script>

和身体某处：

<script>
        $("./images/colorwheel.png").ColorPicker({
            color: '#0000ff',
            onShow: function (colpkr) {
                $(colpkr).fadeIn(500);
                return false;
            },
            onHide: function (colpkr) {
                $(colpkr).fadeOut(500);
                return false;
            },
            onChange: function (hsb, hex, rgb) {
                $('#footer').css('backgroundColor', '#' + hex);
                $('#header').css('backgroundColor', '#' + hex);
            }
        });
    </script>

但是那个轮子没有出现在我的页面上：| 我是 jquery 的新手... :(

4

3 回答 3

1

您的颜色选择器 $("./images/colorwheel.png") 的选择器是错误的。

您需要有一个 html 元素，颜色选择器应该在该元素上工作。

你可以有类似的东西

    <div class="someClass"><div>

然后你应该像这样初始化颜色选择器

    $(".someClass").ColorPicker({
        color: '#0000ff',
        onShow: function (colpkr) {
            $(colpkr).fadeIn(500);
            return false;
        },
        onHide: function (colpkr) {
            $(colpkr).fadeOut(500);
            return false;
        },
        onChange: function (hsb, hex, rgb) {
            $('#footer').css('backgroundColor', '#' + hex);
            $('#header').css('backgroundColor', '#' + hex);
        }
    });
于 2013-08-18T12:05:23.607 回答
0

添加一个将保存您的 ColorPicker 的元素：

<input type="text" id="colorPicker">

在该元素上初始化 ColorPicker：

$("#colorPicker").ColorPicker({
...

您还应该使用ready确保在执行 js 时加载您的元素：

$(document).ready(function() {
    //Your code
});

如果您的页面上有多个颜色选择器，则必须使用类而不是 id。

于 2013-08-18T12:00:23.467 回答
0

1.您没有jquery在<head>.

2.选择器错误，比如你想把颜色选择器附加到文本框#colorpicker，代码应该是：

<input type="text" id="colorpicker">    

$("#colorPicker").ColorPicker({ ... });

3.将代码放入$(document).ready ..

$(document).ready(function() {
    $("#colorPicker").ColorPicker({ ... });
});
于 2013-08-18T12:07:46.090 回答