前段时间遇到网站整顿,singleEdit主页一直无法打开,现在恢复正常,请大家继续支持!
目前支持8种编辑方式
身份证,email等31种自带验证模式
验证模式可以自行添加修改
ajax无刷新保存数据
数据联动更新
自定义更换皮肤
全部主流浏览器支持
目前更新至1.0.3版本!
需要引入的文件
必需
-
jquery.latestVersion.js(jquery框架最新版本)
-
jquery.singleEdit.js(插件主要文件)
-
lang/singleEdit_zh-cn.js(语言文件包)
-
theme/singleEdit.css(样式文件)
可选
-
plugins/formValidatorRegex.js(客户端数据验证插件,如果需要执行数据验证功能请引入此插件)
-
plugins/wbfsaTextAreaEncode.js(文本域输入编辑插件,如果需要文本域编辑功能请引入此插件,此插件的功能为转换textarea输入中的/n/r换行符为)
-
calender/WdatePicker.js(日历调用)
-
rater/jquery.rater.js(评分调用)
代码:
$(function() {
$(".example").singleEdit({
data: { textbox: "(请点击我)"},//设置编辑对象的值,也可以在对象内直接赋值
main: [
{ id: "textbox", type: "textbox" }//id对应要编辑的对象,type设置编辑方式
]
});
});
$(function() {
$(".example").singleEdit({
data: { key: "(请点击我)"},//设置编辑对象的值
main: [
{ id: "key", type: "keyboard" }//id对应要编辑的对象,type设置编辑方式
]
});
});
$(function() {
$(".example").singleEdit({
selection: [
{ id: "ch", item: [{ zID: 0, zname: "(请点击我)" }, { zID: 1, zname: "多选框选项1" }, { zID: 2, zname: "多选框选项2" }, { zID: 3, zname: "多选框选项3"}] }//设置选项,id对应main中的id
],
data: { ch: 0},//接受一个“0|1|2”类似的字符串
main: [
{ id: "ch", type: "check" }//id对应要编辑的对象,type设置编辑方式
]
});
});
目前支持8种编辑方式。
下载地址:http://plugins.jquery.com/project/SingleEdit
演示:http://www.wbfsaworkstation.com.cn
- 描述: 文本框编辑
- 大小: 3 KB
- 描述: 键盘编辑
- 大小: 11.4 KB
- 描述: 复选框编辑
- 大小: 6.3 KB
- 大小: 29.7 KB
分享到:
相关推荐
jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件jq 验证码插件
基于jq的视频查看插件,默认全屏播放, 使用时,先加载视频路径( var video_src = getParamFromHref("src") $('.zy_media').append(`视频"}'> ${video_src}" type="video/mp4"> 您的浏览器不支持HTML5视频 ...
这个Jar包里面包含许多好看实用的jqui插件
单图。多图查看,旋转,放大缩小 jq插件
基于jq的分页插件,简单易用。 $(function () { $("#page").initPage({ maxPage: 5, //最大显示数 pageCount: 7, //总页数 callBack: function (data) { //点击页码回调,data是页码 } }); }); 插件代码未...
一个好用的js分页插件,能够较快地实现分页功能。资源中包括,css,js 样例等
基于JQ插件的把文本内容中表情符号替换为表情图标 能把文本中类似 :)) 的表情图标替换为 <img src="" /> 表情图标 可自定义表情符号类型
最优秀的50个JQ插件最优秀的50个JQ插件最优秀的50个JQ插件最优秀的50个JQ插件最优秀的50个JQ插件最优秀的50个JQ插件
jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件日历选择器jq 双日历插件...
jq插件,用来美化CheckBox jq插件,用来美化CheckBox
jq图表插件
基于jQuery、heatmap.js的热力图插件、还有需要完善的部分
政策时间日历插件 基于jq+htmlde库存日历插件 ,代码简单易懂
简单的jQuery倒计时插件 可以根据自己需求拓展定制
非常简单的插件 可以嵌入tp,原生开发,支持php语言。
基于JQ的多选加新闻循环基于JQ的多选加新闻循环基于JQ的多选加新闻循环基于JQ的多选加新闻循环
基于JQ的动态导航,多的话不说了,分享 基于JQ的动态导航,多的话不说了,分享
NULL 博文链接:https://onestopweb.iteye.com/blog/2328252
本资源包括使用该插件所需要的资源,同是提供了代码演示。
JQ 插件简单实用步骤条