javascript - 需要 jQuery 的书签不起作用

Question

我正在尝试基于jQuery Color Picker Plugin创建一个书签。如果我在页面标题中包含 JavaScript 文件（示例），一切正常，但如果我将脚本从小书签附加到页面，颜色选择器永远不会被初始化（示例）。为了清楚起见，我尽可能地简化了 js。

这是书签代码：

javascript:(function()%20{_my_script=document.createElement('script');_my_script.type='text/javascript';_my_script.src='http://forwardbeats.com/sandbox/colorpicker.js';document.getElementsByTagName('head')[0].appendChild(_my_script);})();

该脚本被很好地附加到页面并且似乎正在运行，但选择器从未被初始化。关于可能出现问题的任何想法？

注意：我通常也会首先测试 jQuery，但对于这个例子，我假设它已经在页面上。

编辑：我发现并解决了这个问题。我将在下面发布我的答案，希望我可以帮助任何有类似情况的人。

Answer 1

问题根本不在书签中，而是我包含的 js 文件中。由于某种原因，代码在包含在页面中时运行良好，但在被小书签附加时却不行。

我注意到，在使用小书签时，脚本试图在注册之前调用颜色选择器初始化函数。为了解决这个问题，我所要做的就是改变我打电话colorPickerInit()的地方。之前，我在调用它，之后eye()它负责调用注册在colorPickerInit(). 通过在colorPickerInit()内部移动，eye()现在一切正常！