jQuery 单选/复选组件

传统的复选与单选组件通常是,虽然现代游览器引擎已经支持对这些控件美化,但往往丰富的页面场景急需超出单选/复选概念单选/复选组件,无论是图片还是视频都能作为单选内容呈现在场景中。


游览 (作者Cabbagelol)


介绍

我给inpitassembly赋予一个使命,让单选/复选场景更加丰富,通过inpitassembly简易的实现这些操作,让你的项目快速更多的应用inpitassembly控件。

突破现有概念

为了实现丰富选择场景,我们首先需要暂时性的把最初认识单选/复选的选择框放一边,让我们很呼吸构想一下,单选/复选能以什么姿态出现在入门视线前,怎样具有沉浸式的用户体验。

先不急跳出条条框框的概念中,让我们来参考下“switch”按钮设计,它既复选又不是复选,在我看来“switch”已经说不上它归纳于复选组件之中,人们觉得称呼为“开关”更加合适生动,不经意通过“switch”联想至大脑皮层下日常所接触开关面板。回到单选/复选如何突破思路上,那么“switch”按钮是否往单选/复选概念外走了一步?如果我们也一样把单选/复选更加大胆构造一个新概念,作为新的认知它…

利用inpitassembly跳出条条框框中,它不在是一个组件,选项可以视作网页上任何DOM节点,你的单选选项可以是多媒体或者是一段句子,甚至是整个网站。

现在开始使用inpitassembly创造新的选择器

—— cabbagelol

 

为何开发

造一个轮子模型可以为工厂节省更多时间投入生产。

它做了什么?

inpitassembly的核心提供操控选项标记以及不同注册事件操作DOM节点,以到达选中效果,你不需要关心如何添加标记如何选择不同表单之间的选项,因为inpitassembly已经做好了。

inpitassembly版本状况

由于inpitassembly的版本开荒期版本更新频繁,教程跟不上节奏因此在博客忽略“使用方法”,详情请看版本下的演示文档

版本 状况 注释
1.0-1.3 未公布 被标记为工程版本
1.4 稳定 声明即可使用,不适合复杂场景
2.0 未公布 被标记为工程版本
2.1-2.2 不稳定
2.3-2.4 稳定 标记为正式版
2.5 不稳定 针对2.4版本优化,并且在该版本上增加新方法(不建议作为生产使用,由于大量数据结构变动)

CDN

版本 地址
1.4 http://cdn.cabbagelol.net/inpitassembly/1.4/inpitassembly.js
2.2 http://cdn.cabbagelol.net/inpitassembly/2.2/inpitassembly.js
2.3 http://cdn.cabbagelol.net/inpitassembly/2.3/inpitassembly.js
2.4 http://cdn.cabbagelol.net/inpitassembly/2.4/inpitassembly.js
2.5 http://cdn.cabbagelol.net/inpitassembly/2.5/inpitassembly.js

—— 感谢你抽出时间阅读此篇文字



Cabbagelol将做些什么
负责记录Cabbagelol的总结,或者共享有趣的内容,这就是后院的最重要做的事情⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄。
备案:粤ICP备15107172号-1
邮箱:nickmiku@foxmail.com

Copyright © 2015 - 2017 Cabbagelol. All Rights Reserved. Powered By Wordpress(EverBox).