首页
学习
活动
专区
圈层
工具
发布

Bootstrap 折叠(Collapse)插件

您可以通过以下两种方式使用折叠(Collapse)插件: 通过 data 属性:向元素添加 data-toggle="collapse" 和 data-target,自动分配可折叠元素的控制。...请确保向可折叠元素添加 class .collapse。如果您希望它默认情况下是打开的,请添加额外的 class .in。...下表列出了这些选项: 选项名称 类型/默认值 Data 属性名称 描述 parent selector默认值:false data-parent 如果提供了一个选择器,当可折叠项目显示时,指定父元素下的所有可折叠的元素将被关闭...toggle boolean默认值:true data-toggle 切换调用可折叠元素。...这些事件可在函数中当钩子使用。 事件 描述 实例 show.bs.collapse 在调用 show 方法后触发该事件。

18610
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    最新jquery+easyui_api培训文档

    title:定义显示在标题面板显示的标题文本。timeout:如果定义为0,消息窗口将不会关闭,除非用户关闭它。如果定义为非0值,当超时后消息窗口将自动关闭。...none 当面板打开之前触发 onOpen none 当面板打开之后触发 onBeforeClose none 当面板关闭之前触发 onClose none 当面板关闭之后触发 onBeforeDestroy...none 当面板销毁之前触发 onDestroy none 当面板关闭之后触发 onBeforeCollpase none 当面板折叠之前触发 onCollapse none 当面板折叠之后触发 onBeforeExpand...标签加载远程数据完成时被触发,参数和jQuery.ajax成功返回的回调函数相同 onSelect title 当用户选择一个标签面板时被触发 onClose title 当用户关闭一个标签面板时被触发....的success函数 onLoadError arguments 加载数据成功时触发,参数arguments类似jQuery.ajax.的error函数 12.4 方法 方法名 参数 描述 options

    4.4K40

    jQuery基础图文系列

    的入口函数是在html所有标签都加载后才执行,而JavaScript的window.onload事件是等到所有内容加载完后才执行。....prev() 获得匹配元素集合中每个元素的前一个同辈元素 .prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素 .prevUntil() 获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止...append() 向匹配元素集合中的每个元素结尾插入由参数指定的内容 appendTo() 向目标结尾插入匹配元素集合中的每个元素 attr() 设置或返回匹配元素的属性和值 before() 在每个匹配的元素之前插入内容...else{ $(".error-msg").html("账号或密码输入错误"); } }); }); // 弹出层关闭回调函数...// 关闭的回调函数 closeCallback(); }); } // 隐藏弹出层 function hideLayer(){

    5.3K10

    【Java框架型项目从入门到装逼】第十一节 用户新增之把数据传递到后台

    对话框(dialog)是一个特殊类型的窗口,它在顶部有一个工具栏,在底部有一个按钮栏。默认情况下,对话框(dialog)只有一个显示在头部右侧的关闭工具。...用户可以配置对话框行为来显示其他工具(比如:可折叠 collapsible、可最小化 minimizable、可最大化 maximizable,等等)。...画好了对话框,我们需要给保存按钮写对应的函数: function saveUser(){ var username = $('#username').val(); var password...那是因为我们在web.xml中进行了配置,让springMVC只拦截*.do的请求。 效果: 成功了。...接下来,用ajax传递数据给Controller //使用ajax传递到后台 $.post("addUser.do",json,function(data){ //这里是处理返回数据的回调函数

    2K51

    富Web应用的架构与转化方法:Web应用系列第二篇

    一、Rich Web应用 富Web应用程序是具有以下特征的应用程序: 丰富的用户界面组件 无需页面重新加载 动态页面更新以响应事件 单页工作单位 丰富的页面组件,是具有标准安装软件外观的用户界面元素。...这是因为是使用了Ajax技术将数据传输到服务器并在后台接收响应。 鉴于Ajax和丰富的UI组件的组合,我们看到单个工作单元在一个页面上完成。...显示数据库中所有成员的数据表已在可折叠面板中声明,其id为“memberList” 现在让我们看一下Ajax连接。...Javascript回调函数ondataavailable执行包含jQuery逻辑的代码。 在push标签内,我们有一个ajax>标签。...此标记声明每当调用dataavailable回调时,都会呈现包含成员列表数据表的可折叠面板。 四、客户端验证 我们可以使用RichFaces使用Ajax支持的字段验证。

    5.6K20

    jQuery 教程

    如果在文档没有完全加载之前就运行函数,操作可能失败。...fadeToggle() 在 fadeIn() 和 fadeOut() 方法之间进行切换 finish() 对被选元素停止、移除并完成所有排队动画 hide() 隐藏被选元素 queue() 显示被选元素的排队函数...下面的表格列出了所有的 jQuery AJAX 方法: 方法 描述 $.ajax() 执行异步 AJAX 请求 $.ajaxPrefilter() 在每个请求发送之前且被 $.ajax() 处理之前,处理自定义...ajaxComplete() 规定 AJAX 请求完成时运行的函数 ajaxError() 规定 AJAX 请求失败时运行的函数 ajaxSend() 规定 AJAX 请求发送之前运行的函数 ajaxStart...(可在生成 AJAX 请求时用于 URL 查询字符串中) removeData() 移除之前存放的数据 size() 在版本 1.8 中被废弃。

    21K20

    jQuery基础系列

    的入口函数是在html所有标签都加载后才执行,而JavaScript的window.onload事件是等到所有内容加载完后才执行。....prev() 获得匹配元素集合中每个元素的前一个同辈元素 .prevAll() 获得匹配元素集合中每个元素之前的所有同辈元素 .prevUntil() 获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止...append() 向匹配元素集合中的每个元素结尾插入由参数指定的内容 appendTo() 向目标结尾插入匹配元素集合中的每个元素 attr() 设置或返回匹配元素的属性和值 before() 在每个匹配的元素之前插入内容...else{ $(".error-msg").html("账号或密码输入错误"); } }); }); // 弹出层关闭回调函数...// 关闭的回调函数 closeCallback(); }); } // 隐藏弹出层 function hideLayer(){

    3.4K20

    JQuery EasyUI window 用法

    false border 布尔 定义面板的边框 true doSize 布尔 当设置为true,面板载创建的时候将被调整和重新布局 true collapsible 布尔 定义是否显示可折叠定义按钮 false...false maximized 布尔 定义在初始化的时候最大化面板 false closed 布尔 定义在初始化的时候关闭面板 false href 字符串 一个远程的URL加载数据,然后显示在面板中...onBeforeOpen none 当面板打开之前触发 onOpen none 当面板打开之后触发 onBeforeClose none 当面板关闭之前触发 onClose none 当面板关闭之后触发...onBeforeDestroy none 当面板销毁之前触发 onDestroy none 当面板关闭之后触发 onBeforeCollpase none 当面板折叠之前触发 onCollapse none...close forceClose 当forceClose设置为true,面板被关闭的时候忽略onBeforeClose 回调函数 destroy forceDestroy 当forceDestroy设置为

    1.6K20

    jQuery Mobile的默认配置项详解,jQuery Mobile的中文配置api,jQuery Mobile的配置说明,配置大全

    链接点击和表单提交,并停止 hash 的监听,然后以常规的 HTTP 方式进行。...ignoreContentEnabled:false, //布尔值 默认值:false把该选项设置为 true , //并且在某元素的父元素上设置 data-enhance="false"...属性,那么该元素会自动降低 jQuery Mobile //增强(jQuery Mobile 元素增强指的是 jQuery Mobile 对网页基本元素在样式上的丰富、交互上的增强以及相应的 HTML...jQuery Mobile 建议在关闭 Ajax 导航和大量使用外部链接的情况下关闭这个特性。...URL 参数用来指向由组件生成的子页面(如嵌套列表页), //该 URL 会被解释成如 example.html&ui-page=subpageIdentifier 的形式,而在 &ui-page= 之前的哈希值会被

    2.2K20

    你会在浏览器中打断点吗?我会!

    在内置console中包含四部分 ❝ loging counting grouping timing ❞ 在之前我们讲浏览器内核时提到过。...Element中直接选中元素,然后在Console中输入对应的指令 在特定元素触发对应的事件后,在控制台就会打印除对应的Event的信息。...在Elements选中一个元素时,我们就可以在Console中查询对应的元素引用。 我们还可以通过getEventListeners($0)来获取该元素上绑定的事件信息。...❞ 假设现在有个循环,但是我们很确定的是,在循环的前半部分数据是好的,而在后半部分数据有问题。在之前,我们可能会通过「代码行断点」,在指定地方进行断点处理。...在处理完后,别记得把这个关闭掉,要不然bundle中的debugger也会会触发。 针对XHR我们还可以在Event Listener Breakpoints中进行对应事件的监听。

    2K10

    如何在 Web 关闭页面时发送 Ajax 请求

    beforeunload是在文档和资源将要关闭的时候调用的, 这时候文档还是可见的,并且在这个关闭的事件还是可以取消的。...比如下面这种写法就会让用户导致在刷新或者关闭页面时候,有个弹窗提醒用户是否关闭。...window.open, alert, confirm 等) 错误不会停止卸载文档的过程 基于以上两个方法就可以实现对页面关闭的事件监听了,为了稳妥,可以两个事件都监听。...然后对监听函数做处理,让关闭事件只调用一次。 2. 请求发送 有了上面的监听,事情只完成了一半,如果我们在监听中直接发送ajax请求,就会发现请求被浏览器abort了,无法发送出去。...方案3:使用navigator.sendBeacon发送异步请求 根据MDN的介绍: 这个方法主要用于满足 统计和诊断代码 的需要,这些代码通常尝试在卸载(unload)文档之前向web服务器发送数据

    4.2K30

    Web前端JQuery面试题(三)

    one()方法可以将所选选的元素绑定一个触发一次的处理函数 one(type, [data], fn); trigger()自动执行, triggerHandler()方法进行取消 trigger()方法...stop([clearQueue],[gotoEnd]) 停止正在执行的动画,clearQueue是布尔值,是否停止正在执行的动画,gotoEnd是布尔值,是否完成正在执行的动画。...$.ajax([options]); $.ajaxSetup([options]); ajaxSuccess(callback) ajax请求成功时执行 ajaxStop(callback) ajax请求结束时执行...ajaxStart(callback) ajax请求开始时执行 ajaxComplete(callback) ajax请求完成时执行函数 ajaxError(callback) ajax请求发送错误时执行函数...ajaxSend(callback) ajax请求发送前执行函数 结言 好了,欢迎在留言区留言,与大家分享你的经验和心得。

    3.6K21

    Android 与 Chrome OS 中针对大屏幕设备的更新

    在以下场景中尤其要注意: 自行渲染界面元素或需要特定的窗口尺寸; 应用需要访问独占硬件设备,比如摄像头和麦克风。...导航按钮 △ 三按钮导航相较之前更易访问 在屏幕较大的设备上,任务栏可以很方便地将应用转为分屏模式或者多窗口模式。...例如,现在的可折叠设备常放置于桌面使用,非常适合观看视频或接听免提电话。设备的放置方式使屏幕的一部分处于舒适的观看角度,而屏幕的另一部分则放在平稳的台面上,使其非常适合各种交互元素。...要开始或停止监听事件,可使用生命周期作用域,在 Activity 可见时进行追踪。之后,您可以使用 windowLayoutInfo 对象中可用的信息更新应用布局。...同样,容器的 Z-Order 依然认为在顶部。 △ 屏幕尺寸变化 这样的顺序意味着用户关闭可折叠设备,继续使用应用时您可以重新调整容器的大小和位置保持 Activity 的顺序。

    3.4K40

    WordPress评论ajax动态加载,解决静态缓存下评论不更新问题

    不过也带来不少疑难问题,在之前写的《启用 WP Super Cache 纯代码版本之后的一些优化措施》一文中已经总结一些解决办法。...那么我之前写的ajax 清理缓存以及评论删除缓存失去了效果,因为只能删除本地的 html 缓存,而 CDN 节点的缓存百度并未提供 API 控制接口,所以用户看到的还是缓存内容!...函数,先隐藏当前分页的所有评论,然后 ajax 拉取第 99 页的内容,然后将评论部分加载出来,实现不刷新页面来加载评论。...拉取之前,我们只要通过 js 判断来决定要拉取的目标地址即可。...下面开始分享代码: /* 评论ajax获取函数 */ function Ajax_Comments(){     $.ajax({         type: "GET",         url: ajax_url

    3.1K60
    领券