Γεγονός κατεύθυνσης του jQuery Mobile

Γεγονός orientationchange του jQuery Mobile

Το γεγονός orientationchange εκκινείται όταν ο χρήστης στροφεί το移动设备 σε κάθετη ή οριζόντια κατεύθυνση.

Μобиль

Μобиль

Για να χρησιμοποιήσετε το γεγονός orientationchange, προσθέστε το στο αντικείμενο window:

$(window).on("orientationchange",function(){
  alert("Η κατεύθυνση έχει αλλάξει!");
});

Η συνάρτηση callback μπορεί να ρυθμίσει έναν παράγοντα, τον αντικείμενο event, ο οποίος θα επιστρέψει την κατεύθυνση του συσκευής: "portrait" (η κατεύθυνση που κρατείται είναι οριζόντια) ή "landscape" (η κατεύθυνση που κρατείται είναι κάθετη):

Παράδειγμα

$(window).on("orientationchange",function(event){
  alert("Η κατεύθυνση είναι: " + event.orientation);
});

Προσπαθήστε το προσωπικά

Επειδή το γεγονός orientationchange συνδέεται με το αντικείμενο window, μπορούμε να χρησιμοποιήσουμε την ιδιότητα window.orientation για να ρυθμίσουμε διαφορετικούς τύπους στυλ για να διακρίνουμε τις προβολές portrait και landscape:

Παράδειγμα

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // Προφίλ
  {
    ($("p").css({"background-color":"yellow","font-size":"300%"}));
  }
  else // Ποικιλία
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

Προσπαθήστε το προσωπικά

Συμβουλή:Η ιδιότητα window.orientation επιστρέφει 0 για την όψη portrait και 90 ή -90 για την όψη landscape.