Dynamic collapsible动态加载collapsible
来源:互联网 发布:java对接微信公众平台 编辑:程序博客网 时间:2024/04/30 12:24
<pre name="code" class="html">js:
$(document).on("pageinit", function() { var nextId = 1; $("#add").click(function() { nextId++; var content = "<div data-role='collapsible' id='set" + nextId + "'><h3>Section " + nextId + "</h3><p>I am the collapsible content in a set so this feels like an accordion. I am hidden by default because I have the 'collapsed' state; you need to expand the header to see me.</p></div>"; $("#set").append( content ).collapsibleset('refresh'); }); $("#expand").click(function() { $("#set").children(":last").trigger( "expand" ); }); $("#collapse").click(function() { $("#set").children(":last").trigger( "collapse" ); });});html:
<button type="button" data-icon="gear" data-theme="b" data-iconpos="right" data-mini="true" data-inline="true" id="add">Add</button><button type="button" data-icon="plus" data-theme="b" data-iconpos="right" data-mini="true" data-inline="true" id="expand">Expand last</button><button type="button" data-icon="minus" data-theme="b" data-iconpos="right" data-mini="true" data-inline="true" id="collapse">Collapse last</button><div data-role="collapsible-set" data-content-theme="d" id="set"> <div data-role="collapsible" id="set1" data-collapsed="true"> <h3>Section 1</h3> <p>I'm the collapsible content.</p> </div></div>
具体查看:http://demos.jquerymobile.com/1.3.1/examples/collapsibles/dynamic-collapsible.html#&ui-state=dialog
0 0
- Dynamic collapsible动态加载collapsible
- JQM动态加载 collapsible
- collapsible data-collapsed Jquery-mobile动态设置
- jquerymobile之collapsible可折叠块题目内容动态显示
- J2ME Drawing Collapsible Trees
- Flex Collapsible DataGrid
- Collapsible Indented Tree
- Collapsible Tree Layout
- collapsible,cellspacing,DataGrid
- Collapsible GridView in ASP.Net 2.0
- jquerymobile-20 可折叠内容(Collapsible content)
- jQuery Mobile系列之Collapsible
- EXT的panel折叠按钮, collapsible:true
- jquerymobile-10 可折叠内容(Collapsible content)
- jQueryMobile的组件——可展开项(collapsible)
- jQuery Mobile基础05----jQuery Moblie Widgets-collapsible(可折叠的
- CodeProject: Collapsible, resizable and dockable XP style control bar. Free source code and programming help
- D3.js Drag and Drop, Zoomable, Panning, Collapsible Tree with auto-sizing
- 单片机其实很简单--前言
- HDU 1003 Max Sum
- tomcat源码阅读-1
- win7系统下安装matlab并正确配置
- ESC键坏了,VIM代替键
- Dynamic collapsible动态加载collapsible
- 结构型模7:代理模式(Proxy Pattern)
- 【索引】Counting:Examples
- LeetCode——Palindrome Partitioning II
- 层次遍历二叉树
- 【efm32】开发板 oled测试
- 我的循环队列
- Android适配器之PagerAdapter
- 二叉树的子树(剑指offer)