xavier

摘要： 最近，公司需要使用jQuery mobile来构建一个移动应用，期间遇到了一个场景：需要一个可以折叠的控件，当点击这个控件header的右侧时，展开内容；左侧是不可点击的，只是一些说明性的文字或者图片。如下图所示：当看到这样的需求时，给我的第一感觉就是用jQuery mobile中的Collapsible控件，但是在经过研究后，发现该控件本身无法实现部分点击使其展开。于是我就想是否可以使header右侧部分向右浮动于header之上，并改变header的点击事件，使其绑定到header左侧，从而达到目的。既然有了方案，就开始动手吧。1、首先很简单，通过CSS，控制header右侧部分的位置， 阅读全文