jQuery Mobile direksyong kaganapan

jQuery Mobile orientationchange kaganapan

Ang orientationchange kaganapan ay nangyayari kapag ang user ay nag-rotate ng mobile device sa vertical o horizontal na direksyon.

Mobile

Mobile

Kung gusto gamitin ang orientationchange kaganapan, idagdag ito sa object na window:

$(window).on("orientationchange",function(){
  alert("Nagbago ang siluha!");
});

Ang callback function ay pwedeng itakda ng isang argumento, ang object ng event, na magbibigay ng direksyon ng mobile device: "siluha" (ang direksyon ng paghawak ay patayo) o "pahaba" (ang direksyon ng paghawak ay patag):

Eliyasyon

$(window).on("orientationchange",function(event){
  alert("Ang siluha ay: " + event.orientation);
});

Subukan nang personal

Dahil ang orientationchange kaganapan ay nakatali sa object na window, mayroon kaming kakayahan na gamitin ang property na window.orientation, halimbawa, itakda ng iba't ibang estilo upang makilala ang siluha at pahaba na tanaw:

Eliyasyon

$(window).on("orientationchange",function(){
  kung (window.orientation == 0) // Siluha
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Landscape
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

Subukan nang personal

Mga payo:Ang window.orientation attribute ay nangangahulugan ng 0 para sa portrait view, at 90 o -90 para sa landscape view.