Fancybox 2 ломается в PhoneGap - PullRequest
Новая
       28

Fancybox 2 ломается в PhoneGap

1 голос
/ 03 апреля 2012

Я использую Fancybox 2 внутри приложения PhoneGap. Для тех, кто не знает PhoneGap, по сути, он позволяет использовать движок WebKit для разработки приложения на основе HTML.

Я использую Fancybox для отображения изображений, и он отлично работает в Chrome, Safari и Firefox, но как только я компилирую его в Xcode для приложения для iPad, появляется следующая ошибка: 

The requested content cannot be loaded.
Please try again later.

Однако, что было бы странно в этой ошибке, так это то, что она исчезает после двух, трех, четырех или пяти попыток, но никогда после первой.

Я предполагаю, что он пытается использовать Ajax для загрузки контента, что невозможно при отсутствии веб-сервера. Я пытался изменить настройки, но безрезультатно. У кого-нибудь есть мысли или опыт по этому поводу? 

$(".image-nav a").fancybox({
    arrows      : false,
    autoCenter  : false,
    autoSize    : false,
    closeEffect : 'fade',
    closeSpeed  : 150,
    closeClick  : true,
    closeBtn    : false,
    openEffect  : 'fade',
    openSpeed   : 300,
    padding     : 0,
    type        : 'image',

    helpers: {
        overlay : {
            // use 0.0 opacity instead of overlay : null
            // because we don't want the user to accidentally
            // press a nav button
            //
            opacity : 0.0
        }
    }
});

$(".image-nav.thumbs a").fancybox({
    arrows      : false,
    autoCenter  : false,
    autoSize    : false,
    closeEffect : 'fade',
    closeSpeed  : 150,
    closeClick  : true,
    closeBtn    : false,
    nextEffect  : 'none',
    openEffect  : 'fade',
    openSpeed   : 300,
    padding     : 0,
    prevEffect  : 'none',
    type        : 'image',

    helpers: {
        overlay : {
            // use 0.0 opacity instead of overlay : null
            // because we don't want the user to accidentally
            // press a nav button
            //
            opacity : 0.0,
            speedIn : 0,
        },
        thumbs : {
            width   : 100,
            height  : 80
        }
    }
});
...