Photoswipe Custom Hashtag立即关闭幻灯片

时间:2013-04-12 21:11:30

标签: jquery-mobile hashtag photoswipe

使用JQM在桌面上进行测试不会产生此问题,因此很难确定。

Backstory:我创建了服务器端代码(php)来接受查询字符串并直接打开图库。但是,如果用户想要在移动设备上浏览图库时共享链接,特别是某张照片;大多数移动浏览器共享核心链接而不是实际照片。在滑动时为事件轻松创建带有照片ID的URL的URL主题标签修饰符(例如#photoID = 987),但前提是该库最初是在没有主题标签的情况下启动的。然后很容易与Phone的Native方法共享。

(function(window, $, PhotoSwipe){
    $(document).ready(function(){
        //More Code is here but not needed fro this question

        $(photoSwipeInstance).bind(PhotoSwipe.EventTypes.onDisplayImage, function(e){
            var pid = codeThatGetsPhotoIDFromDisplayedIMGURL();
            window.location.hash = '&pid='+pid[0];

        });
        if(getUrlVars()["pid"]!=null || getUrlVars()["pid"]!=undefined)
        {
            console.log(getUrlVars()["pid"]);
            var photopid= getPhoto(getUrlVars()["pid"]);
            photoSwipeInstance.show(photopid);
        }
    });//End Documentstrong text
}(window, window.jQuery, window.Code.PhotoSwipe));
function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');

    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}

问题:如果图库中加载了主题标签,则图库会弹出正确的图片,但会立即关闭幻灯片。过去这一点的每张照片都以相同的方式执行,幻灯片打开然后关闭。

我已经关闭了JQM使用的所有AJAX和hashtag锚功能。此标签网址功能在使用桌面浏览器时可正常工作,但在使用任何移动浏览器时无效。

其他人是否尝试过此功能?

我可能更加困惑,因为它在我的描述中。

答案: JQM的#标签处理程序不需要关闭。 Photoswipe需要将此处理程序添加到选项中:backButtonHideEnabled: false

1 个答案:

答案 0 :(得分:0)

JQM的hashtag处理程序不需要关闭。 Photoswipe需要将此处理程序添加到选项中:backButtonHideEnabled:false