Question

即时通讯使用此颜色选择器Jquery插件（http://colpick.com/plugin）

问题是，我在.html中尝试了相同的简单代码但是当我将扩展名更改为.php时，拾色器不起作用，而其他一切都有效。

一个简单的按钮，添加了重要的脚本，如colpick.js和colpick.css。

示例：

的index.html

<html>
<head>
    <script src="jquery-2.1.3.min.js"></script>
    <script src="canvasSettings.js"></script>
    <script src="colpick.js" type="text/javascript"></script>
    <link rel="stylesheet" href="colpick.css" type="text/css"/>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
        <button id="idColor">Show Color Picker</button>
</body>
</html>

canvasSettings.js

$(document).ready(function()
{

alert("First");

$('#idColor').colpick();

alert("Second");

});

所以在index.html中，当你点击按钮时，它会打开颜色选择器并且两个警报都显示出来，这里都很好。

问题是，当我将index.html更改为index.php（使用php服务器时）时，网站会正常加载，按钮显示并显示“First”警告。
但当它到达$（“＃idColor”）。colpick（{}）它没有处理，“第二”警报没有出现。请记住$（“idColor”）。val（）有效。

是否有任何特殊方法可以将.html更改为.php，即使html代码相同也是如此？

Answer 1

你误解了这个问题。它与从PHP提供HTML而不是静态文件无关。

在这里加载jQuery：

<script src="jquery-2.1.3.min.js"></script>

然后你加载将自己绑定到jQuery的插件：

<script src="colpick.js" type="text/javascript"></script>

然后再次加载jQuery （但版本不同）：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

这个覆盖以前的jQuery对象和绑定它的颜色选择器插件。

决定您将使用哪个版本的jQuery（支持旧版本IE的速度更快2.x或1.x）。
在加载插件之前加载 之前加载插件（目前正在为2.x而不是1.x执行此操作）

不要加载其他版本

Answer 2

解决了！问题是由以下原因造成的：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

我删除后，它工作。仍然需要找到一个旁路，为什么它会导致问题。

colpick不会对.html工作.php扩展名更改

2 个答案: