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

Question

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

Answer 1

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

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

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

这是一个有效的演示