Dzisiaj kolejny krótki i przydatny kod, który pozwoli Wam rozpoznać kiedy Wasz iPad lub iPhone zmienia orientację.

1477818_653913294631334_61360329_n

Kod przyda się sytuacjach gdy chcemy wykryć obrót urządzenia i odpalić dowolny skrypt np. odświeżenie strony.

// <![CDATA[

$(document).ready(function(){
    $(window).bind('orientationchange', function(event) {
      location.reload();
    });
  });

// ]]>

Może to być niezwykle przydatne gdy podczas obrotu musimy dokonać przeliczeń i poprawek w css. Wyobraźmy sobie sytuację, że mamy otwarty popup, który podczas obrotu traci swoje wymiary i musimy je skorygować za pomocą jquery.

// <![CDATA[

$(document).ready(function(){
    $(window).bind('orientationchange', function(event) {
      $('.frame').css('width', 600);
      $('.frame').css('height', 300);
    });
  });

// ]]>

Oczywiście możecie wstawić tam, co tylko chcecie.

Related Posts Plugin for WordPress, Blogger...

Join the Conversation

2 Comments

Leave a comment

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *