如何在jQuery Mobile表中设置列切换按钮的占位符？

Question

有没有简单的方法可以在自定义位置放置jQuery Mobile表的列切换按钮（例如，在侧边栏或标题中包含ID的占位符div），或者唯一的方法是使用我自己的代码移动它？ / p>

Answer 1

jQuery有一个appendTo（）方法（https://api.jquery.com/appendTo/），允许您将DOM元素从一个父元素移动到另一个父元素。对于列切换，您可以这样做：

$(".ui-table-columntoggle-btn").appendTo("#colTogglePlaceholder");

jQM为该按钮分配了一个.ui-table-columntoggle-btn类，在这个例子中，colTogglePlaceholder是一个跨度的ID，它将是该按钮的新父节点。

  

这是一个有效的 DEMO