工具插件类
各种js插件
Khun_HWJ
这个作者很懒,什么都没留下…
展开
-
jquery base64格式转图片 【亲测有效!!】
base64格式转图片<img src="'data:image/jpg;base64,'+ base64地址" alt="">如果是转为jpg 只需要在 src 前缀加上 data:image/jpg;base64,如果是转为png 只需要在 src 前缀加上 data:image/png;base64,如果是转为jpeg 只需要在 src 前缀加上 data:image/jpeg;base64,注意:要加 , 逗号的!!!...原创 2020-12-10 14:09:23 · 2597 阅读 · 0 评论 -
jquery 百度地图 搜索选址获取经纬度 点击任意点获取经纬度
第一步:加载地图的 js 和 jquery 文件<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=后台生成的码"></script><script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>第二步:html<div class="layui-for.原创 2020-12-09 10:09:22 · 1049 阅读 · 0 评论 -
Lodopfuncs.js 网页打印操作
第一步:在官网下载打印控件 下载打印控件第二步:打开压缩文件,将这四个文件放到你的项目公共库中,其中压缩包中有很多示例可根据操作来这里我用到的是固定大小的网页打印写一个打印的静态html文件,如果数据需要后台生成,将网页布局写好,给后台生成一个网址,然后放到对应的js中。1、引用静态文件:2、引用实例中的方法函数,这里的方法会判断是否已安装打印控件,都会有相应的提示的 ,根据提示来就好了。这里重点语句是 LODOP.ADD_PRINT_URL(0, 0, "100%", "100%", b原创 2020-09-04 10:47:09 · 1215 阅读 · 0 评论 -
summernote编辑器高度禁止拉伸解决办法(亲测有效)
.note-statusbar{display: none!important;}在css中加上这句话就可以了 ,相当于把编辑器自带的下拉部分给隐藏去掉了原创 2020-08-19 16:33:14 · 702 阅读 · 0 评论 -
layui 分页自定义文本 将下一页改为下一题(关联切换)
laypage({ cont: 'demo3' ,pages: 100 ,first: 1 ,last: 100 ,prev: '上一题' ,next: '下一题'});原创 2020-03-31 12:57:42 · 1376 阅读 · 0 评论 -
swiper 点击跳转 (点击列表跳转到对应的题目 或者点击开始按钮跳到第一题)
1、点击开始按钮跳到第一题swiper1.slideTo(0);//跳转swiper1.update();//点击‘开始做作业’按钮跳到第一题$(document).on('click','.do-homework',function(){ if(homeworkTime > 0){ $('[data-role="homeworklistcube"]').hide(); $...原创 2020-03-31 12:26:50 · 1873 阅读 · 0 评论 -
arttemplate模板与swiper 之间的问题
由于加载模板,所以要将swiper的渲染放在模板之后,并且swiper的css和js也要放在模板js之后。function swipers(){ var swiper = new Swiper('.swiper-container', { pagination: { el: '.swiper-pagination', type: 'fraction', }, navig...原创 2020-03-31 12:02:20 · 264 阅读 · 0 评论 -
swiper去除左右滑动设置(去除左右滑动切换)
swiper去除滑动设置有时候使用swiper并不想让它滑动,怎么设置呢?1.noSwiping设为true2.在slide上(或其他元素)增加类名'swiper-no-swiping',使该slide无法拖动。案例:<div class="swiper-container"> <div class="swiper-wrapper"> ...原创 2020-03-31 11:38:31 · 5315 阅读 · 0 评论 -
swiper 用了effect:'fade', 切换效果 一定要用 参数crossFade 否则多个slide会叠再一起
swiper 用了effect:‘fade’, 切换效果 一定要用 参数crossFade 否则多个slide会叠再一起使用前图片对比都会叠再一起原创 2020-03-31 11:35:54 · 6021 阅读 · 0 评论 -
formatMath复杂公式图片转文字
第一种方法:将ajax数据直接进行转换formatMath(res.data.analysis);第一步引用文件<link href="https://cdn.bootcss.com/KaTeX/0.10.2/katex.min.css" rel="stylesheet"><script src="https://cdn.bootcss.com/KaTeX/0.10.2/k...原创 2019-07-23 14:40:52 · 1019 阅读 · 0 评论 -
swiper 高度自适应 子元素高度改变 父元素高度自适应
由于swiper-container的高度问题,会让盒子自动找最高的盒子来撑开内容,高度不一的情况下会导致有部分空白解决方法:添加autoHeight:'auto', 就可以自适应了但是,如果盒子里面需要点击展开新内容时,不会完整的加载好内容,第二次点击仍是会撑开盒子,初始化一下解决方法:observer: true,//修改swiper自己或子元素时,自动初始化swiperobser...原创 2019-07-11 10:07:58 · 2983 阅读 · 0 评论 -
swiper滑动与点击
var pageSwiper;var tlidIndex = 0;function swipers(){ pageSwiper = new Swiper('.swiper-container2', { paginationClickable: true, uniqueNavElements :false, autoHeight:'auto', onSlideChangeSt...原创 2019-07-23 11:22:51 · 616 阅读 · 0 评论 -
ztree插件 ajax数据添加章节知识点
$zTree.addNodes(null,-1,{title:res.data.title,id:res.data.id});//树形var zTreeObj;var tbid = '';var data = '';//配置请求参数var setting = { view: { addDiyDom: addDiyDom, addHoverDom:...原创 2019-10-17 16:38:29 · 186 阅读 · 0 评论