jQuery Slimbox未正确请求文件

Question

我使用的是it's API的jQuery slimbox。

这是我的JavaScript，它通过JSON获取图像路径，然后通过它的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);    
    });

JSON返回["\/~wwwlime\/assets\/images\/adverts\/advert.jpg","\/~wwwlime\/assets\/images\/adverts\/advert2.jpg"]。

实际的页面是here。单击青蛙旁边的顶部红色框。如果您有一个控制台，请检查它是否返回了JSON。

当我使用Live HTTP Headers查看请求时，slimbox似乎是在请求vanquish.websitewelcome.com/，而不是其他请求。

这导致了slimbox的推出，并且它永远在跳动着旋转。

导致此问题的原因可能是什么？谢谢

更新

我在JSON回调中添加了以下内容

 $.each(images, function(i, image) {
        $('body').append('<a href="' + image + '">link</a>');
       });

点击这些链接，我会直接进入图片...怎么回事？

Answer 1

我不是100%熟悉slimbox，但是api说这个方法接受数组的参数和数组，所以我相信您从JSON返回的内容应该更像

[["\/~wwwlime\/assets\/images\/adverts\/advert.jpg"],["\/~wwwlime\/assets\/images\/adverts\/advert2.jpg"]]

让你调用slimbox

$.slimbox( [["\/~wwwlime\/assets\/images\/adverts\/advert.jpg"],["\/~wwwlime\/assets\/images\/adverts\/advert2.jpg"]],0);

让我知道这是否有帮助？