我有一个脚本,我在其中调用花哨的框来加载图像。放置静态网址时,正在加载图像。但是,当我放置包含从 ajax 花式框返回的 url 数据的变量时,并没有显示图像。相反,它显示错误“无法加载请求的内容。请稍后再试。”
我的代码片段是
$.ajax({
type: "POST",
dataType: "json",
url: '/admin/cms/sliders/get-stylebook-images',
data:'pid='+pageId,
success: function(data){
if(data.output!='')
{
alert(data.output);
$.fancybox([data.output], {
'padding': 0,
'transitionIn': 'none',
'transitionOut': 'none',
'type' : 'image',
'changeFade' : 0,
'topRatio' : 0.2
});
}
else
{
$.fancybox(['http://www.xxxx.com/gallery-spring-summer/01.jpg'], {
'padding': 0,
'transitionIn': 'none',
'transitionOut': 'none',
'type' : 'image',
'changeFade' : 0,
'topRatio' : 0.2
});
}
}
});
在上面的代码片段中,当我提醒 data.output url 时显示为“ http://www.xxxxx.com/Uploads/Images_path/abc.jpg ”。但是将 data.output 放在 fancybox 中会显示错误。如果我从警报中复制 URL 并将其放置在 fancybox 中,它将完美无缺。
我也测试了 Fancy box V2.1.5。但是没有用。我已经使用 JQuery V1.8.1 和 V1.4.1 对其进行了测试。但是没有用。
感谢您提前回答。