jQuery Slimbox没有正确请求文件
I am using jQuery slimbox with it's API.
我正在使用jQuery slimbox和它的API。
Here is my JavaScript that gets image paths via JSON, and then launches the slimbox via it's API.
这是我通过JSON获取图像路径的JavaScript,然后通过它的API启动slimbox。
$('#main-container').append('<span id="check-our-adverts">Check our Adverts</span>');
var advertImages = [];
$.getJSON( config.basePath + 'get-adverts/', function(images) {
advertImages = images;
});
$('#check-our-adverts').click(function() {
console.log(advertImages);
$.slimbox(advertImages, 0);
});
The JSON is returning ["\/~wwwlime\/assets\/images\/adverts\/advert.jpg","\/~wwwlime\/assets\/images\/adverts\/advert2.jpg"]
.
JSON正在返回[“\ /〜wwwlime \ / assets \ / images \ / adverts \ /advert.jpg”,“\ / ~wwlime \ / assets \ / images \ / adverts \ /advert2.jpg”]。
The actual page is here. Click top red box next to the frog. If you have a console, check it for the JSON returned.
实际页面在这里。单击青蛙旁边的顶部红色框。如果您有控制台,请检查它是否返回了JSON。
When I view the request using Live HTTP Headers, it seems slimbox is requesting vanquish.websitewelcome.com/
and nothing else.
当我使用Live HTTP Headers查看请求时,似乎slimbox正在请求vanquish.websitewelcome.com/而不是其他任何内容。
This is resulting in the slimbox being launched, and it's throbber spinning forever.
这导致了超薄盒子的推出,而且它永远是悸动的。
What could be causing this problem? Thanks
什么可能导致这个问题?谢谢
Update
I added this inside the JSON callback
我在JSON回调中添加了这个
$.each(images, function(i, image) {
$('body').append('<a href="' + image + '">link</a>');
});
And clicking those links takes me directly to the image... what gives?
点击这些链接会直接将我带到图像中...给出了什么?
1 个解决方案
#1
1
I am not 100% familiar with slimbox but the api says that the method takes and array of arrays, so your return from JSON should, i believe, look more like
我并不是100%熟悉slimbox,但api说该方法需要数组和数组,所以你相信JSON的返回应该更像
[["\/~wwwlime\/assets\/images\/adverts\/advert.jpg"],["\/~wwwlime\/assets\/images\/adverts\/advert2.jpg"]]
making you call to slimbox
让你打电话给slimbox
$.slimbox( [["\/~wwwlime\/assets\/images\/adverts\/advert.jpg"],["\/~wwwlime\/assets\/images\/adverts\/advert2.jpg"]],0);
let me know if that helps?
如果有帮助,请告诉我?
更多相关文章
- 如何将图像(PNG)转换为2D数组(二进制图像)?
- JavaScript循环输入创建一个对象数组
- 有没有办法检查两个数组是否具有相同的元素?
- js中数组的使用方法
- 为什么我不能删除数组的元素?
- 如何在Javascript中从Json数组创建路径路径?
- 使用CSS,HTML和Javascript在随机图像的页面上进行图像大小调整
- JavaScript数组操作函数方法详解
- 数组多重排序