如何在 jquery 移动设备中使用自定义切换开关
How to use a custom toggle switch in jquery mobile
我正在使用 jQuery Mobile 作为我的框架，我不喜欢默认切换开关的外观。我希望使用纯粹的 CSS 开关。我发现了一些我想使用的很好的例子（基本上是一个方形开关，能够同时看到两个文本，但显示哪个是活动的）。我什至刚刚将代码复制并粘贴到我的代码中，它总是完全扭曲，甚至无法识别。我开始相信这是不可能的。
如果你知道一种方法，请解释一下如何做？
在 INPUT 元素上，设置 data-role="none" 以告诉 jQM 忽略它们：
<input data-role="none" type="radio" class="switch-input" name="view" value="month" id="month" />
Working DEMO
我正在使用 jQuery Mobile 作为我的框架，我不喜欢默认切换开关的外观。我希望使用纯粹的 CSS 开关。我发现了一些我想使用的很好的例子（基本上是一个方形开关，能够同时看到两个文本，但显示哪个是活动的）。我什至刚刚将代码复制并粘贴到我的代码中，它总是完全扭曲，甚至无法识别。我开始相信这是不可能的。
如果你知道一种方法，请解释一下如何做？
在 INPUT 元素上，设置 data-role="none" 以告诉 jQM 忽略它们：
<input data-role="none" type="radio" class="switch-input" name="view" value="month" id="month" />
Working DEMO