javascript - Photoswipe gallery close event on iOS -


i've implemented fabulous photoswipe library in 1 of recent mobile applications using jquerymobile , i've run small problem using in tandem ios 5 (could others, i've got ios 5 device).

below implemented javascript

<script type="text/javascript">      (function (window, $, photoswipe) {          $(document).ready(function () {              $('div.gallery-page')                     .live('pageshow', function (e) {                          var                              currentpage = $(e.target),                             options = {},                             photoswipeinstance = $("ul.gallery a", e.target).photoswipe(options, currentpage.attr('id'));                          photoswipeinstance.show(0);                          return true;                      })                      .live('pagehide', function (e) {                          var                              currentpage = $(e.target),                             photoswipeinstance = photoswipe.getinstance(currentpage.attr('id'));                          if (typeof photoswipeinstance != "undefined" && photoswipeinstance != null) {                             photoswipe.detatch(photoswipeinstance);                         }                         console.log($(e.target));                         history.back();                          return true;                      });          });      } (window, window.jquery, window.code.photoswipe));  </script>

the example above pretty implementation guide says 1 difference: when pageshow event raised , instance has been attached, i'm calling "photoswipeinstance.show(0);" display gallery immediately.

this works fine except when close gallery toolbar, goes static page rather page called from.

my first thought implement method against event "onhide" , perform "history.back();" statement:

photoswipeinstance.addeventhandler(photoswipe.eventtypes.onhide, function (e) {     history.back(); });

this worked charm on android, nothing happened on ios, thought double history ios devices:

photoswipeinstance.addeventhandler(photoswipe.eventtypes.onhide, function (e) {     console.log(navigator.appversion);     if ((/iphone|ipod|ipad.*os 5/gi).test(navigator.appversion)) {         history.go(-2);     } else {         history.back();     }  });

but still no luck, ios sits there , laughs @ me. know best way redirect page attached photoswipe instance rather going actual html page? here example of final js markup:

<script type="text/javascript">  (function (window, $, photoswipe) {      $(document).ready(function () {          $('div.gallery-page')                 .live('pageshow', function (e) {                      var                          currentpage = $(e.target),                         options = {},                         photoswipeinstance = $("ul.gallery a", e.target).photoswipe(options, currentpage.attr('id'));                      // onhide event wire previous page.                     photoswipeinstance.addeventhandler(photoswipe.eventtypes.onhide, function (e) {                         console.log(navigator.appversion);                         if ((/iphone|ipod|ipad.*os 5/gi).test(navigator.appversion)) {                             history.go(-2);                         } else {                             history.back();                         }                      });                      photoswipeinstance.show(0);                      return true;                  })                  .live('pagehide', function (e) {                      var                          currentpage = $(e.target),                         photoswipeinstance = photoswipe.getinstance(currentpage.attr('id'));                      if (typeof photoswipeinstance != "undefined" && photoswipeinstance != null) {                         photoswipe.detatch(photoswipeinstance);                     }                      return true;                  });      });  } (window, window.jquery, window.code.photoswipe));  </script>

i had similar problem - believe onhide event on ios not firing, solved listening toolbar events:

photoswipeinstance.addeventhandler(photoswipe.eventtypes.ontoolbartap, function(e){ if(e.toolbaraction === 'close'){     //i needed use specific location here: window.location.href = "something";     //but think use history     history.back(); } });

Comments

Post a Comment

Popular posts from this blog

java - Play! framework 2.0: How to display multiple image? -

i need display gallery of photos. here template: @(photos: list[photo]) @title = { <bold>gallery</bold> } @main(title,"photo"){ <ul class="thumbnails"> @for(photo <- photos) { <li class="span3"> <a href="#" class="thumbnail"> <img src="@photo.path" alt=""> </a> </li> } </ul> } and here controller method: public static result getphotos() { return ok(views.html.photo.gallery.render(photo.get())); } and here photo bean : @entity public class photo extends model { @id public long id; @required public string label; public string path; public photo(string path, string label) { this.path = path; this.label = label; } private static finder<long, photo> find = new finder<long, photo>( long.class, photo.class); public static list<phot...
Read more

gmail - Is there any documentation for read-only access to the Google Contacts API? -

i want read-only access user's google contacts. there stackoverflow member wanted this, , received following answer : yes, there is, use https://www.googleapis.com/auth/contacts.readonly scope , "view contacts". this exchange reference read-only access google contacts can find using google. simply using access token obtained attempt read usual google contacts api (i.e. https://www.google.com/m8/feeds ) fails insufficient permissions. similarly, using google contacts api on new target fails 404 errors (for example https://www.googleapis.com/auth/contacts.readonly/default/full ). is there documentation anywhere on how use api, or permissible way access google contacts api full read-write access?
Read more

php - Controller/JToolBar not working in Joomla 2.5 -

relevant code: jtoolbarhelper::custom('savecategories', 'save', '', 'save', false, false); ... <input type="hidden" name="controller" value="easyblogcontroller"> according can dig docs , own previous questions, should call savecategories() function in easyblogcontroller . i've tried setting value easyblog , easyblog.php (file name) current easyblogcontroller (class name). clicking on save button refreshes page. not redirect, echo or var_dump test code put in savecategories() function. var_dump ing jrequest::getvar('controller') , 'task' return correct values. creating controller object , using $controller->execute('task'); works. the values going depend on location of controller trying call, , have couple options here. typically there controller in base folder of component (likely components/com_easyblog) in file called controller.php , class name inside ...
Read more