頁面加載過程中發生的問題

Question

我正在嘗試創建一個rodiobuttongroup，它應該將方向從縱向更改爲橫向時將佈局從垂直更改爲水平。 我能夠做到這一點，但唯一的問題是我沒有得到它在頁面加載期間，但當我改變其方向反映。

$(window).resize(function() { 
     var mql = window.matchMedia("(orientation: portrait)"); 
     if (mql.matches) { 
      $("#id_cdscradiobtn").dxRadioGroup({ 
       items: CDSCRadioGroup, 
       value: CDSCRadioGroup[0], 
       layout: "vertical" 
      }); 
     } 
     else { 
      $("#id_cdscradiobtn").dxRadioGroup({ 
       items: CDSCRadioGroup, 
       value: CDSCRadioGroup[0], 
       layout: "horizontal" 
      }); 
     } 
    }); 

Answer 1

重構代碼到一個共同的功能，被稱爲兩個resize和DOM ready事件：

function setLayouts() { 
    var mql = window.matchMedia("(orientation: portrait)"); 
    if (mql.matches) { 
     $("#id_cdscradiobtn").dxRadioGroup({ 
      items: CDSCRadioGroup, 
      value: CDSCRadioGroup[0], 
      layout: "vertical" 
     }); 
    } 
    else { 
     $("#id_cdscradiobtn").dxRadioGroup({ 
      items: CDSCRadioGroup, 
      value: CDSCRadioGroup[0], 
      layout: "horizontal" 
     }); 
    } 
} 

$(document).ready(function() { 
    setLayouts(); 
}); 

$(window).resize(function() { 
    setLayouts(); 
});