目录
- 公用插件、文件整理
- jquery.qrcode.min.js 二维码生成插件
- jquery.form.js 表单异步提交的插件
- jquery.form.js 表单验证插件
- jquery.fullPage.min.js 全屏滚动插件
- zepto.fullpage.js 手机端全屏滚动插件
- jquery.SuperSlide.2.1.1.js 多点触控插件
- jquery.gridly.js 拖放插件
- jquery.SuperSlide.2.1.1.js 跑马灯
- jquery.SuperSlide.2.1.1.js 自动轮插件
- swipe.js 移动端图片轮播插件
- scale.js 在点击图片后可进行缩放如同淘宝商品详情页的图片缩放功能
- pinchzoom.js 移动端图片缩放插件
- cropper.js 图片剪裁上传插件
- fx.js 动画函数
- lightbox.js 响应式图片弹出层
- plupload 文件上传插件
- echarts 画图插件
- lightbox 是一款纯 JavaScript 轻量级响应式 lightbox 插件。该 Lightbox 插件支持图片,视频,iframe 等多种媒体。支持全屏,导航,缩放,下载等功能,还支持多种动画过渡效果
- plupload 音频附件显示和播放
- flatpickr.js 日期时间选择插件
- ueditor 富文本编辑器
公用插件、文件整理
主要整理了前端公用的插件,插件文件存放位置,系统里面所有相关插件文件
jquery.qrcode.min.js 二维码生成插件
需要文件:
< script type=“text/javascript” src="/apps/common/js/jquery/jquery.qrcode.min.js">< /script >
使用代码文件:
./activity/_static/js/Registration/registration_status.js:499: get_user_registration_detail.submit_registration_qrcode(registration_id,registration_item_id,re_address,user_name,user_company,user_tel);
使用参照:http://www.jq22.com/jquery-info294?_t_t_t=0.4305647583678365
jquery.form.js 表单异步提交的插件
需要文件:
< script type=“text/javascript” src="/apps/common/js/jquery/jquery.form.js">< /script >
使用代码文件:
使用参照:https://blog.csdn.net/m0_37505854/article/details/79639046
jquery.form.js 表单验证插件
需要文件:
< script type=“text/javascript” src="/apps/common/js/jquery/jquery.validate.min.js">< /script >
使用代码文件:
./center/_static/js/userset/person_binding.js:130: $(’#bindingcellform’).validate({
使用参照:https://www.cnblogs.com/linjiqin/p/3431835.html
jquery.fullPage.min.js 全屏滚动插件
需要文件:
< link rel=“stylesheet” type=“text/css” href="/apps/webapp/_static/css/jquery.fullPage.css" media=“screen” />
< script type=“text/javascript” src="/apps/webapp/_static/js/lib/jquery.fullPage.min.js">< /script >
使用代码文件:
没有找到使用的地方,使用参照:http://www.jq22.com/jquery-info1124
zepto.fullpage.js 手机端全屏滚动插件
需要文件:
< link rel=“stylesheet” type=“text/css” href="/apps/webapp_common/css/zepto.fullpage.css" media=“screen” />
< script type=“text/javascript” src="/apps/webapp_common/js/zepto.js">< /script >
< script type=“text/javascript” src="/apps/webapp_common/js/zepto.fullpage.js">< /script >
使用代码文件:
没有找到使用的地方,使用参照:https://github.com/yanhaijing/zepto.fullpage
jquery.SuperSlide.2.1.1.js 多点触控插件
需要文件:
< script type=“text/javascript” src="/apps/webapp/_static/js/lib/jquery.hammer.js">< /script >
使用代码文件:
没有找到使用的地方,使用参照:http://www.jq22.com/jquery-info552
jquery.gridly.js 拖放插件
需要文件:
< script type=“text/javascript” src="/apps./home/_static/js/Common/jquery.gridly.js">< /script >
使用代码文件:
没有找到使用的地方,使用参照:http://www.jq22.com/jquery-info386
jquery.SuperSlide.2.1.1.js 跑马灯
需要文件:
< script type=“text/javascript” src="/apps/common/js/jquery/jquery.als-1.7.min.js">< /script >
使用代码文件:
./home/_static/js/index/index.js:328: $("#demo4").als({
jquery.SuperSlide.2.1.1.js 自动轮插件
需要文件:
< script type=“text/javascript” src="/apps/home/_static/js/jquery.SuperSlide.2.1.1.js">< /script >
使用代码文件:
没有找到使用的地方,使用参照如:
http://www.jq22.com/jquery-info9234
swipe.js 移动端图片轮播插件
需要文件:
< script type=“text/javascript” src="/apps/teaching/_static/js/Common/pinchzoom.js">< /script >
< script type=“text/javascript” src="/apps/teaching/_static/js/Common/swipe.js">< /script>
使用代码文件:
/apps/teaching/_static/js/PadWebapp/teach/study_document.js
(kw:courseware_img)
scale.js 在点击图片后可进行缩放如同淘宝商品详情页的图片缩放功能
需要文件:
< script src="/apps/activity/_static/js/scale.js" type=“text/javascript” charset=“utf-8”>< /script>
pinchzoom.js 移动端图片缩放插件
需要文件:
./teaching/Tpl/default/PadWebapp/study_document.html:94:
< script type=“text/javascript” src="/apps/teaching/_static/js/Common/pinchzoom.js">< /script>
代码文件
./teaching/_static/js/PadWebapp/teach/study_document.js:138:
(kw:PinchZoom)
cropper.js 图片剪裁上传插件
需要文件:
./office/Tpl/default/Common/_crop_avatar_js_css.html:7:
< script type=“text/javascript” src="/apps/common/js/image/cropper.js">< /script>
fx.js 动画函数
需要文件:
./center/Tpl/default/Common/_usercenter_student_weike_timeline.html:73:
使用代码文件:
./album/_static/js/albumDetail/tip_and_exam.js:5
(kw:pop_exam)
lightbox.js 响应式图片弹出层
使用文件:
./weike/Tpl/default/Index/weike_study.html:38:
使用代码文件:
使用参照:http://www.jq22.com/jquery-info1139
plupload 文件上传插件
使用文件:
./blog/Tpl/default/Index/post.html:159:
使用代码文件:
./office/_static/js/Common/upload_doc.js:370:
var uploader = new plupload.Uploader({
echarts 画图插件
lightbox 是一款纯 JavaScript 轻量级响应式 lightbox 插件。该 Lightbox 插件支持图片,视频,iframe 等多种媒体。支持全屏,导航,缩放,下载等功能,还支持多种动画过渡效果
使用文件:
使用代码文件:
./common/js/lightbox
参考:https://www.22vd.com/31976.html
plupload 音频附件显示和播放
使用文件:
使用代码文件:
参考:https://www.cnblogs.com/2050/p/3913184.html
重复文件:
moxie.js
plupload.dev.js
plupload.full.min.js
plupload.min.js
flatpickr.js 日期时间选择插件
使用文件:
< link type=“text/css” rel=“stylesheet” href="/apps/common/css/pulg-in/flatpickr.min.css"/>
< script src="/apps/common/js/pulg-in/flatpickr.js" type=“text/javascript” >< /script>
使用代码文件:
参考:https://www.cnblogs.com/jiangxiaobo/p/6610203.html
ueditor 富文本编辑器
使用文件:
./office/Tpl/default/News/news_edit.html:22:
<-- 配置文件 -->
< script type=“text/javascript” src="/apps/common/js/ueditor/ueditor.config.js">< /script>
<-- 编辑器源码文件 -->
< script type=“text/javascript” src="/apps/common/js/ueditor/ueditor.all.js">< /script>
<-- 编辑器公式插件 -->
< script type=“text/javascript” src="/apps/common/js/ueditor/kityformula-plugin/addKityFormulaDialog.js">< /script>
< script type=“text/javascript” src="/apps/common/js/ueditor/kityformula-plugin/getKfContent.js">< /script>
< script type=“text/javascript” src="/apps/common/js/ueditor/kityformula-plugin/defaultFilterFix.js">< /script>
< script type=“text/javascript” rc="/apps/common/js/ueditor/lang/zh-cn/zh-cn.js">< /script>
使用代码文件:
./office/Tpl/default/News/news_edit.html:40
./common/js/ueditor
参考:https://github.com/fex-team/ueditor