Pixastic 效果问题答案

【问题标题】：Pixastic Effect ProblemPixastic 效果问题
【发布时间】：2011-07-03 13:59:53
【问题描述】：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript" src="<?php bloginfo('stylesheet_directory'); ?>/library/js/pixastic.custom.js"></script>

<script type="text/javascript">

        $(document).ready(function()    {
            $(".attachment-thumbnail").load();
        $('.attachment-thumbnail').pixastic("desaturate");
    });
</script>
</head>

<body>
<img class="attachment-thumbnail" src="image1.jpg"/>
</body>
</html>

我已经为此工作了将近一天，甚至无法接近。可以看到不饱和的缩略图here 任何帮助将不胜感激。

【问题讨论】：

你不使用调试器吗？ Firefox 的错误控制台报告：“$ 不是函数，第 40 行”。

标签： javascript jquery image-processing pixastic

【解决方案1】：

第 40 行出现 JS 错误：

TypeError: Property '$' of object [object DOMWindow] is not a function

第 40 行是：

$(".attachment-thumbnail").load();

您似乎在使用 jQuery 时遇到了问题（jQuery 函数在 Chrome 调试器中不起作用）

【讨论】：

【解决方案2】：

你没有加载 jquery 核心 :-) 你需要添加

<script type="text/javascript" src="jquery.js ...

就在添加 pixastic 之前

【讨论】：