随笔分类 - jquery插件开发、应用
记录jquery插件开发、以及开源插件使用
摘要:1、插件截图 2、插件使用 首先引入jquery库,然后引入tree.js、tree.css文件,如下: 3、DOM树 这种方式以HTML代码为基础,不能像JSON或AJAX_JSON方式那样动态加载数据,而且对函数的支持也不是很好,只适合做简单的树状菜单显示,如果是复杂的需求不建议使用这种方式 H
阅读全文
摘要:1、插件使用 首先引入jquery库,然后引入dialog.js、dialog.css、messager.js、messager.css,如下: messager插件是$.messager上面的静态函数,有:alert、confirm和message三个函数 下面函数打开一个默认大小的alert消息
阅读全文
摘要:1、插件使用 首先引入 jquery 库,然后引入 dialog.js、dialog.css,如下: dialog 插件是 $.dialog 上面的静态函数,可以使用 $.dialog.open({}) 方式打开一个 dialog 如下函数打开一个宽 600 高 400 的模态对话框,它的 id 是
阅读全文
摘要:当系统数据量很大时,前端的分页、异步获取方式就成了较好的解决方案。一直以来,我都希望使用自己开发的 jquery 插件做系统。 现在,学习了 jquery 插件开发之后,渐渐地也自己去尝试着开发一些简单的插件,之前已经开发了手风琴、选项卡,今天和大家介绍一下这个 datatable 分页表格插件。
阅读全文
摘要:一、插件效果 手风琴插件常用的功能均已实现,包括:手风琴菜单项的折叠展开效果、选中指定菜单项、判断菜单项是否选中等。 效果如下: 二、插件内部HTML元素结构 插件主体是一个<ul>列表,里面的奇数<li>为菜单项标题,偶数<li>是菜单项内容,标题<li>被点击时会判断它是否已经选中了,如果没有选
阅读全文
摘要:在前一篇“使用jQuery开发tab选项卡插件”的基础上添加了tab标签右键关闭菜单功能,菜单主要包括:关闭当前标签、关闭左侧标签、关闭右侧标签、关闭其他、关闭全部。 一、插件效果 二、实现思路 为window对象添加右键菜单事件监听: 当事件源对象为tab标签时,取消默认的右键菜单,显示菜单div
阅读全文
摘要:为了复习巩固jQuery的插件开发、HTML和CSS方面的知识,做了一个简单的tab选项卡插件,简单记录一下开发、使用的过程,以备日后使用。 一、插件效果 tab选项卡插件常用的功能均已实现,包括:动态添加选项卡、关闭选项卡、选中指定选项卡、判断选项卡是否选中、判断选项卡是否存在等。 效果如下: 二
阅读全文