Pixastic - jQuery插件无法正常工作？

Question

我有一个名为Pixastic的jQuery插件存在问题。我将它作为独立库工作，但我无法将其与jQuery一起使用，因为它不起作用，我使用了来自文档的代码，但仍然因为某些原因无法使用它。

文档，我如下：http://www.pixastic.com/lib/docs/#jquery

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()可能是一个更好的主意。