如何在手機/平板電腦中禁用「jQuery UI佈局插件」？

在設計一個網頁（HTML/Javascript/Angular）UI時，我有一個左窗格，其中包含一個樹視圖和中心窗格（在右側）。如何在手機/平板電腦中禁用「jQuery UI佈局插件」？

我正在使用jQuery UI佈局插件（layout.jquery-dev.net/index.cfm）。我有一個西方和中心窗格，它工作正常。

<div id="centralContainer" > 
     <div class="ui-layout-west"> 
      <div>LEFT</div> 
     </div> 
     <div class="ui-layout-center"> 
      <div>MAIN</div> 
     </div> 
    </div>

，但是當最終用戶使用手機或平板電腦查看的頁面，我想禁用佈局，並與引導響應列替換它。類似這樣的：

<div id="centralContainer" class="row"> 
     <div class="ui-layout-west" class="col-sm-4"> 
      <div>LEFT</div> 
     </div> 
     <div class="ui-layout-center" class="col-sm-8"> 
      <div>MAIN</div> 
     </div> 
    </div>

這樣做的最佳方法是什麼？我不知道如何解決這個問題？有幾種情況，桌面用戶界面應該不同於移動用戶界面，我不知道處理它的最佳方式是什麼。

來源

2015-12-02 user3426603

您是否要求一種方法來檢測它是否是移動設備？
可以通過

var useragent = navigator.userAgent.toLowerCase(); 
    if (useragent.search("blackberry") > -1 
    || useragent.search("android") > -1 
    || useragent.search("iphone") > -1 
    || useragent.search("webos") > -1 
    || useragent.search("ipad") > -1){ 

     window.location.href ="mobileindex.html"; 
    }

完成，或者從http://detectmobilebrowsers.com/

使用腳本

來源

2015-12-02 16:08:37 user3307017

如何在手機/平板電腦中禁用「jQuery UI佈局插件」？

回答

相關問題