jQuery Mobile ਦਿਸ਼ਾ ਈਵੈਂਟ

jQuery Mobile orientationchange ਈਵੈਂਟ

orientationchange ਈਵੈਂਟ ਯੂਜ਼ਰ ਵੱਲੋਂ ਮੋਬਾਈਲ ਉਪਕਰਣ ਨੂੰ ਖੁੱਲ੍ਹੀ ਜਾਂ ਪੱਚੀ ਦਿਸ਼ਾ ਵਿੱਚ ਪਰਿਵਰਤਿਤ ਕਰਨ ਉੱਤੇ ਟੰਕਣ ਵਾਲਾ ਈਵੈਂਟ ਹੈ。

ਮੋਬਾਈਲ

ਮੋਬਾਈਲ

ਜੇਕਰ orientationchange ਈਵੈਂਟ ਦੀ ਵਰਤੋਂ ਕਰਨੀ ਹੈ, ਤਾਂ ਇਸ ਨੂੰ window ਆਬਜੈਕਟ ਵਿੱਚ ਜੋੜਨਾ ਚਾਹੀਦਾ ਹੈ:

$(window).on("orientationchange",function(){
  alert("ਦਿਸ਼ਾ ਬਦਲ ਗਈ!");
});

callback ਫੰਕਸ਼ਨ ਇੱਕ ਪ੍ਰਮਾਣੂ ਸੈਟ ਕਰ ਸਕਦਾ ਹੈ, ਜਿਸ ਵਿੱਚ event ਆਬਜੈਕਟ ਹੈ, ਜਿਸ ਨਾਲ ਮੋਬਾਈਲ ਉਪਕਰਣ ਦੀ ਦਿਸ਼ਾ ਵਰਤਾਇਆ ਜਾ ਸਕਦਾ ਹੈ: "portrait" (ਯੂਜ਼ਰ ਨੇ ਯੂਜ਼ਰ ਇਟਮ ਨੂੰ ਵਾਲੀ ਦਿਸ਼ਾ ਵਿੱਚ ਪਕੜਿਆ ਹੈ) ਜਾਂ "landscape" (ਯੂਜ਼ਰ ਨੇ ਯੂਜ਼ਰ ਇਟਮ ਨੂੰ ਪੱਟੀ ਦੀ ਦਿਸ਼ਾ ਵਿੱਚ ਪਕੜਿਆ ਹੈ):

ਉਦਾਹਰਣ

$(window).on("orientationchange",function(event){
  alert("ਦਿਸ਼ਾ ਹੈ: " + event.orientation);
});

ਆਪਣੇ ਹੀ ਪ੍ਰਯਤਨ ਕਰੋ

ਕਿਉਂਕਿ orientationchange ਈਵੈਂਟ ਵਿੰਡੋ ਆਬਜੈਕਟ ਨਾਲ ਬਾਂਧਿਆ ਹੈ, ਅਸੀਂ window.orientation ਪ੍ਰਤਿਯਾਇਕਤਾ ਵਰਤ ਸਕਦੇ ਹਾਂ, ਉਦਾਹਰਣ ਵਜੋਂ, ਪੋਰਟ੍ਰੇਟ ਅਤੇ ਲੈਂਡਸਕੇਪ ਦੇਖਣ ਲਈ ਵੱਖ-ਵੱਖ ਸਟਾਈਲਸ ਸੈਟ ਕਰਨ:

ਉਦਾਹਰਣ

$(window).on("orientationchange",function(){
  if(window.orientation == 0) // ਪੋਰਟ੍ਰੇਟ
  {
    $("p").css({"background-color":"yellow","font-size":"300%"});
  }
  else // Landscape
  {
    $("p").css({"background-color":"pink","font-size":"200%"});
  }
});

ਆਪਣੇ ਹੀ ਪ੍ਰਯਤਨ ਕਰੋ

ਸੁਝਾਅ:window.orientation ਪ੍ਰਤੀ portrait ਦਿਸ਼ਾ ਵਿੱਚ 0 ਵਾਪਸ ਦਿੰਦਾ ਹੈ, landscape ਦਿਸ਼ਾ ਵਿੱਚ 90 ਜਾਂ -90 ਵਾਪਸ ਦਿੰਦਾ ਹੈ。