jQuery qtip - 通过ajax将图像加载到qtip中

Question

我正在使用jQuery qtip插件。我希望qtip的内容是动态加载的图像。

我正在使用的网址。如果我去网址，我会看到一张图片。

然而，qtip显示出某些东西......很奇怪。结果如下：

为什么会发生这种情况的任何想法？

---

修改

这是整个响应标题（通过Chrome检查员）：

Access-Control-Allow-Credentials:true
Access-Control-Allow-Methods:POST, GET, OPTIONS
Access-Control-Allow-Origin:*
Access-Control-Max-Age:1728000
Cache-Control:no-store, no-cache, must-revalidate, post-check=0, pre-check=0
Connection:keep-alive
Content-Length:5690
Content-Type:image/gif; charset=binary
Date:Thu, 09 Sep 2010 17:35:48 GMT
Expires:Thu, 19 Nov 1981 08:52:00 GMT
Keep-Alive:timeout=2
Last-Modified:Thu, 09 Sep 2010 17:35:48 GMT
Pragma:no-cache
Server:nginx/0.8.31
X-Powered-By:PHP/5.2.11

Answer 1

您可能需要将qTip插件指向一个url，该url将返回一个html片段，其中包含指向图像的链接，而不是直接指向图像。片段可能如下所示：

<div>
    <img src="/images/someimage.jpg" alt="" />
</div>

我认为qTip不支持直接获取图像。想一想：发送一个AJAX请求，如果服务器使用javascript返回表示图像的二进制数组，则无法显示此二进制数组（除非您使用不常见的data uri scheme）。