Javascript 为什么不是'；这个JQuery颜色选择器插件没有被包含/检测到在我的网页中吗？_Javascript_Jquery_Jquery Plugins_Color Picker_Jquery Color

Javascript 为什么不是'；这个JQuery颜色选择器插件没有被包含/检测到在我的网页中吗？

javascript jquery jquery-plugins

Javascript 为什么不是'；这个JQuery颜色选择器插件没有被包含/检测到在我的网页中吗？,javascript,jquery,jquery-plugins,color-picker,jquery-color,Javascript,Jquery,Jquery Plugins,Color Picker,Jquery Color,我正在尝试将（）包含到我的a网页中。但它似乎没有被包括在内我检查了一下，特别是他们的标签，看看他们包括了什么，因此包括了JQuery，tinycolor.js，和JQuery.colorpickersliders.js（包括prettify.js和bootstrap.js在内的其他Scipt似乎没有效果——我通过从演示中删除那些标记来测试）然后我从他们的工具中提取第一个示例代码片段，并使用它。问题是它似乎不起作用。我缺少什么？ index.php: <head> <

我正在尝试将（）包含到我的a网页中。但它似乎没有被包括在内

我检查了一下，特别是他们的

标签，看看他们包括了什么，因此包括了

JQuery

，

tinycolor.js

，和

JQuery.colorpickersliders.js

（包括prettify.js和bootstrap.js在内的其他Scipt似乎没有效果——我通过从演示中删除那些

标记来测试）

然后我从他们的工具中提取第一个示例代码片段，并使用它。问题是它似乎不起作用。我缺少什么？

index.php:

<head>
    <meta charset="utf-8"/>
    <link type="text/css" rel="stylesheet" href="jquery-colorpickersliders-master/jquery-colorpickersliders/jquery.colorpickersliders.css" />
    <script src="jquery-2.1.3.js"></script>
    <script src="jquery-colorpickersliders-master/libraries/tinycolor.js"></script>
    <script src="jquery-colorpickersliders-master/jquery-colorpickersliders/jquery.colorpickersliders.js"></script>
</head>

<body>
    <span class="hsl-demo">...</span>
    <script>
        $(".hsl-demo").colorPickerSliders({
            flat:true,
            previewformat:'hsl',
            order: {
                hsl : 1,
                preview : 2
            }
        });
    </script>
</body>

…

尝试在colorPickerSlider中使用大写字母“c”来生成代码

$(".hsl-demo").ColorPickerSliders({
    flat:true,
    previewformat:'hsl',
    order: {
        hsl : 1,
        preview : 2
    }
});

注意：不要试图直接包含github repo中的库，因为资源是通过网络以文本/html的形式从github repo中读取的。请尝试使用CDN中的资源

尝试在colorPickerSlider中使用大写字母“c”来生成代码

$(".hsl-demo").ColorPickerSliders({
    flat:true,
    previewformat:'hsl',
    order: {
        hsl : 1,
        preview : 2
    }
});

注意：不要试图直接包含github repo中的库，因为资源是通过网络以文本/html的形式从github repo中读取的。请尝试使用CDN中的资源

@GauravAggarwal只是复制粘贴到问题中。请查看问题底部的编辑。在您的问题中，所包含文件的链接不合适…@GauravAggarwal为什么不合适？其次，我从Github下载了整个存档，然后编写了一个测试网页。我将这些文件放在目录中。不起作用。但请尝试打开新窗口中的链接将打开github页面而不是源页面file@GauravAggarwal哦，是的，它们是Github链接。我如何找到源文件的链接？（对不起，我的错）@GauravAggarwal只需复制粘贴到问题中。请查看问题底部的编辑。在您中，所包含文件的链接不合适…@GauravAggarwal为什么不合适？其次，我从Github下载了整个存档，然后编写了一个测试网页。我将这些文件放在目录中。不起作用。但请尝试打开link在新窗口中打开github页面而不是源file@GauravAggarwal哦，是的，它们是Github链接。我如何找到源文件的链接？（对不起，我的错）我只是不知道人们如何找到CDN链接。你能告诉我如何找到这个插件的CDN链接吗？其次，你的演示似乎不起作用。它在输出中显示了相同的三个点（而不是颜色选择器）=（在问题中发布了一个屏幕截图我只是不知道人们如何找到CDN链接。你能告诉我如何找到这个插件的CDN链接吗？其次，你的演示似乎不起作用。它在输出中显示了相同的三个点（而不是颜色选择器）=（在问题中发布了一个屏幕截图