jQuery
姥姥家的饭
学海无涯苦作舟
展开
-
JQ无限滚动(滚动至底部时,加载更多数据)
设计思想:利用onscroll方法监听盒子距离顶部的距离、可视区域高度、滚动条高度;距离顶部的距离+可视区域高度=滚动条高度的时候已到盒子底部然后进行数据加载;首次进入页面数据沾满盒子用回调函数判断盒子内容是否大于盒子的高度;否则继续加载;<div class="content"></div><script> $('.content').Scoller(res => { console.log('res:返回当前滚动到第几页'); })<.原创 2020-08-14 14:47:43 · 764 阅读 · 2 评论 -
jq搜索框插件
// 引入资源<link rel="stylesheet" href="css/source.css"><link rel="stylesheet" href="css/reset.css"><script src="./js/jquery.js"></script><script src="./js/source.js"></script>// 开始使用<div id="source" class="sourc.原创 2020-07-27 15:56:08 · 319 阅读 · 0 评论 -
jQuery三级联动插件(2.3.2)
jQuery模仿element-ui三级联动,箭头图标用的layui里面的,可以自定义。数据用的本地三级联动数据,也可以改为后台数据代码github地址引入js <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> <script src="https://heerey525.github.io/layui-v2.4.3/layui/layui.js"></sc.原创 2020-06-22 09:54:17 · 1912 阅读 · 1 评论 -
jQuery拖动排序并处理给后台的数据
引入jquery和插件sortable.js(可在官网下载);<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script><script src="js/jquery-sortable.js"></script>html结构<h3>点击下方拖拽排序...原创 2020-03-26 16:33:29 · 344 阅读 · 0 评论