jQuery Slimbox 未正确请求文件

发布于 2024-08-23 13:05:49 字数 1380 浏览 5 评论 0原文

我正在使用 jQuery slimbox 及其 API

这是我的 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"]

实际页面位于此处。单击青蛙旁边的顶部红色框。如果您有控制台,请检查它是否返回了 JSON。

当我使用 实时 HTTP 标头 查看请求时,slimbox 似乎正在请求 vanquish.websitewelcome.com / 没有别的。

这导致了 slimbox 的推出,并且它永远在颤动旋转。

什么可能导致这个问题?谢谢

更新

我在 JSON 回调中添加了这个

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

并且单击这些链接将我直接带到图像...什么给出了?

I am using jQuery slimbox with it's API.

Here is my JavaScript that gets image paths via JSON, and then launches the slimbox via it's API.

$('#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"].

The actual page is here. Click top red box next to the frog. If you have a console, check it for the JSON returned.

When I view the request using Live HTTP Headers, it seems slimbox is requesting vanquish.websitewelcome.com/ and nothing else.

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

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

And clicking those links takes me directly to the image... what gives?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

寄居人 2024-08-30 13:05:49

我对 slimbox 不是 100% 熟悉,但 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);

让我知道这是否有帮助?

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

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

making you call to slimbox

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

let me know if that helps?

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文