[MobileWeb]網路掛號Prototype-1(jQuery Mobile 框架)

我們運用jQuery Mobile，開發以行動裝置所使用的MobileWeb，不但可以簡化及加速UI的設計與開發，專注於程式功能及流程上的開發及整合，也可以減少技能重新學習的成本。

基本的原型的框架如下~
HTML

  

    
網路掛號
  


  

    

      
查詢科別
      
查詢醫師
      
查詢時間
      
語音掛號
    
    

      
查詣 / 取消掛號
    
   
  




  

    回上頁
    
查詢科別
  


  

    

      
內科
      
沈X雄
      
賴X德
      
涂X哲
      
外科
      
柯X哲
      
邱X逹
      
牙科
      
柯X銘
    
      
  




  

    回上頁
    
查詢醫師
  


  

    

        
柯X哲
外科
        
邱X逹
外科
        
沈X雄
內科
        
賴X德
內科
        
柯X銘
牙科
已額滿
        
涂X哲
內科
    
  





  

    回上頁
    
查詢時間
  


  

    
Page content goes here.
  


  

    
Page Footer
  




  

    回上頁
    
查詣 / 取消掛號
  


  

    
Page content goes here.
  


  

    
Page Footer
  




  

    回上頁
    
語音掛號
  


  

    
Page content goes here.
  


  

    
Page Footer
  

CSS

.noshadow * {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

※ 原始碼及執行預覽(jsFiddle)： http://jsfiddle.net/ez0brabf/8/