Pixastic - jQuery 插件不起作用？

Question

我对名为 Pixastic 的 jQuery 插件有疑问。我让它作为独立库工作，但我不能将它与 jQuery 一起使用，因为它不起作用，我使用了文档中的代码，但由于某种原因仍然无法让它工作。

我遵循的文档： http://www.pixastic.com/lib/docs/#jquery< /a>

HTML（我无法放置完整的 HTML 页面，因为它不会在此处显示？bug？，但只是为了让您确定我包含了所有内容）

<script src="jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="pixastic.full.js" type="text/javascript"></script>
<script src="f.js" type="text/javascript"></script>
<img id="image" src="014.jpg" />

JS (f.js)

$(document).ready(function()
{
    /*
    Pixastic.process(document.getElementById("image"), "blurfast",
    {
    amount : 3
});
    */

    Pixastic.process(document.getElementById("image"), "desaturate"); // - Works
    //$("#image").pixastic("desaturate"); // - Not so much...
});

Answer 1

从您链接到的文档中：

链接操作时，确保在调用 pixastic() 方法之前完全加载图像尤为重要，因此将 Pixastic 代码放入 onload 事件或类似事件中可能是明智的做法。

您可能需要使用 $(window).load() 而不是 $(document).ready()。 $("#image").load() 可能是一个更好的主意。