如何添加iOS 7开关控件到HTML表单

以下是iPhone 5上原生iOS 7开关控制的截图:

Switchery刚刚被释放。

GitHub上在MIT开源许可下。Switchery的创造者是亚历山大Petkov来自保加利亚的网页设计师和前端网页开发人员。

将ios7 Switch控件添加到表单中

Switchery的实现非常简单。有几种方法可以做到这一点。

我给你指一条路。

这是我们要做的:

视图演示

安装Switchery

你可以下载Switchery的最新版本项目的GitHub页面．

当你在GitHub网页上时，只需点击侧边栏中的“下载ZIP”按钮:

在HTML文档中引用交换机文件

在< >头元素，像这样引用两个Switchery文件:

    .js

初始化Switchery

您可以在单独的JavaScript文件中完成这一步，这是模块化的一个很好的实践。

但是，对于本教程，我只是将代码放在< >脚本在结束前标记身体< / >标签。为什么我把它放在最后?

将内联脚本放在末尾的HTML文档提高页面加载速度。