JQuery Mobile表切換列

Question

我正在使用JQuery Mobile 1.4。我如何設置列隱藏或取消選中表加載。

這裏是我的代碼部分：

<table data-role="table" id="table-column-toggle" data-mode="columntoggle" class="ui-responsive table-stroke"> 


    <thead> 
     <th>Movie Title</th> 
     <th data-priority="1">Rank</th> 
     <th data-priority="2">Reviews</th> 
    <thead> 
    <tbody> 
    .... 
    </tbody> </table> 

如何隱藏在默認點評列或選中它列選項？

Answer 1

有可能是一個更簡單的方法，但這種將工作：

鑑於你的表格標記：

<table data-role="table" id="myTable" data-mode="columntoggle" class="ui-responsive table-stroke"> 
    <thead> 
     <tr> 
      <th>Movie Title</th> 
      <th data-priority="1">Rank</th> 
      <th data-priority="2">Reviews</th> 
     </tr> 
    </thead> 
    <tbody> 
    ... 
    </tbody> 
</table> 

JQM將創建2個複選框，一個等級，一個用於評論一欄切換彈出。由於您沒有爲影片標題分配數據優先級，因此不允許將其隱藏。彈出窗口取表加「-popup」的ID，所以在我exaample我們可以用下面的選擇找到所創建的彈出窗口中的複選框：

$("#myTable-popup .ui-checkbox label") 

正如你想用默認隱藏評論欄，我們可以簡單地在pagecreate時間觸發第二個複選框的Click事件：

$(document).on("pagecreate", "#page1", function(){ 
    $("#myTable-popup .ui-checkbox label")[1].click(); 
}); 

這裏是一個工作DEMO