Javascript jqZoom不';如果图像以guid作为名称,则不起作用

Javascript jqZoom不';如果图像以guid作为名称,则不起作用,javascript,jquery,json,jqzoom,Javascript,Jquery,Json,Jqzoom,我正在使用jqZoom,一个jquery插件,来呈现一个图像库 文档中说要创建这样的缩略图: <a class="zoomThumbActive" href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: './imgProd/SMALLIMAGE1.jpg',largeimage: './imgProd/LARGEIMAGE1.jpg'}"> <img src="imgProd/thumbs/TH

我正在使用jqZoom,一个jquery插件,来呈现一个图像库

文档中说要创建这样的缩略图:

<a class="zoomThumbActive" href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: './imgProd/SMALLIMAGE1.jpg',largeimage: './imgProd/LARGEIMAGE1.jpg'}">  
    <img src="imgProd/thumbs/THUMBIMG1.jpg">  
</a>
尤其是在这一方面,它失败了:

 options = $.extend({}, eval("(" + $.trim($(link).attr('rel')) + ")"));
环顾web,这些错误似乎是eval创建无效javascript对象的结果,因此显然我们必须将输出重新格式化为Json字符串,以便将其正确解释为参数

但我似乎无法“强迫”它将其解释为正确的jSON。如果我将上面的行替换为

options = $.extend({}, JSON.parse($.trim($(link).attr('rel'))))
我得到:

未捕获的语法错误:意外标记g ef01e51a-d5c5-49ea-bd21-9c4e7f9acbb6:1{画廊:“gal1”,小图片: “\xc_小型\58f54dc5-b412-4ffd-af51-5bc6863b280d.jpg”,大型图像: “\xc_full\58f54dc5-b412-4ffd-af51-5bc6863b280d.jpg”


那么我该怎么做呢?

您的反斜杠被解释为转义字符。使用前斜杠。例如,
rel
属性可以读取:

rel='{"gallery": "gal1", "smallimage": "/xc_small/58f54dc5-b412-4ffd-af51-5bc6863b280d.jpg", "largeimage": "/xc_full/58f54dc5-b412-4ffd-af51-5bc6863b280d.jpg"}'

注意,我在JSON中双引号引用了键和字符串值,并对
rel
属性使用了单引号。字符串在JSON中必须是双引号,键是字符串。

“请注意,我在JSON中双引号引用了键和字符串值,并对rel属性使用了单引号”-这很可能是导致“意外令牌
g
”的实际问题。与中一样,在
图库中的
g
。没错,你就是millimooseWGAF。没关系,对这件事投反对票是极端的。对不起,我浪费了我的时间。血腥的非凡的谢谢。为了避免编写更加明确的代码而坚持使用旧版本是一个非常糟糕的建议——这是一个建议,而不是建议,还有JSON强制执行(顺便说一句,它也适用于单引号)
rel='{"gallery": "gal1", "smallimage": "/xc_small/58f54dc5-b412-4ffd-af51-5bc6863b280d.jpg", "largeimage": "/xc_full/58f54dc5-b412-4ffd-af51-5bc6863b280d.jpg"}'