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

Question

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

我正在使用的网址有效。如果我访问该网址，我会看到一张图像。

然而，qtip 显示了一些......奇怪的东西。结果如下:

有什么想法为什么会发生这种情况吗？

<小时/>

编辑

这是整个响应 header (通过 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)。