在photoswipe carousel上打开页面后返回按钮问题

Question

我有类似的问题

http://forum.jquery.com/topic/jqm-1-0a3-dialog-url-state-appears-in-history

我正在使用photoswipe + jquerymobile + phonegap，问题是当画廊加载并且我点击任何图像时，我现在从这里转到旋转木马模式如果我转到另一页并单击后退按钮，这将在结束时发生浏览器地址栏中的网址

＆安培; UI状态=对话框

但它不会回到旋转木马模式。所以当我再次点击后退按钮时，它会带我到画廊页面跳过旋转木马模式。

Answer 1

您需要做两件事：1）从body标签中删除ps-active类2）找到所有photoswipe实例并取消设置

以下代码对我有用：

 $(document).bind('pagebeforechange', function(e) {
 if ($('.ps-carousel').length) {
  $('body').removeClass('ps-active');
  $('div.gallery-page').each(function(){
    var photoSwipe = window.Code.PhotoSwipe;
    var photoSwipeInstance = photoSwipe.getInstance($(this).attr('id'));
    if (typeof photoSwipeInstance != "undefined" && photoSwipeInstance != null) {
        photoSwipe.unsetActivateInstance(photoSwipeInstance);
     }
   });
 }
  });

请查看 link 以获取更多信息。