随笔分类 - jquery
摘要:直接用jquery的 data("name") 获取 data-name的值有问题,获取的只是最初的值,即使后边改变也不会变,所以还是要用attr("data-name") 来获取。
阅读全文
摘要:上面的是获取一行数据的方法,如果是更改一行数据,则传入根之前数据结构相同的对象或者数组即可: datatable有一个t.row.edit()方法,该方法必须得引用datatable的editor的js,实现可编辑功能,并且使用,如果只是单纯的自己想让一行数据替换,如:自己做的编辑功能,则直接用da
阅读全文
摘要:t为定义的datatable对象,row里面传入当前行的DOM元素。
阅读全文
摘要:我实现点击table表格中的删除按钮,找到当前按钮的祖先元素tr 然后删除该行,但是我首先点击删除的时候要先弹出提示框,是否要下载,这时在点击删除按钮删除,之前没有考虑到事件重复绑定问题,所以每次点击删除的时候就会多选择几行,之后选择的越来越多,经过网友解答,成功解决,先把重复绑定的删除的click
阅读全文
摘要:select下拉框选中的值,用jquery大家应该都会获取, 如果select是多选的,也这么获取的话,则只能获取到第一个选项的value值,但是有一个神奇的发现,如果是: 获取text,则可以直接打印出选中的两个选项的文本值的相连字符串,而不是只是第一个的text......... 获取多选框的v
阅读全文
摘要:jquery的.serializeArray()方法可以获取形如以下 name value组成的对象数组,如果我们想得到key为name,value为value的json对象,则如下转换: 但是这么转换有一个弊端,就是checkbox,复选框有多个name相同的值,最后只留下了最后一个,如果想把复选
阅读全文
摘要:经实验,$.serializeArray()获取不到disabled的值,如果想要让input元素变为不可用,可以把input设为readonly,而不是disabled; 还有一种情况获取不到值,当页面中有两个一样name值的标签的时候,即使其中一个name值的input的样式为 display:
阅读全文
摘要:html: 这里注意传入id的时候记得一定要加#,或者在jquery代码中加#,否则就看不到结果了。
阅读全文
摘要:如上,想要实现左右持续运动,则把该动画封装为一个函数,再反复调用就好。
阅读全文
摘要:显示具体时间时分秒: 重点大坑:修改时间默认展示格式,把fomat写在locale中,网上很多资料说直接写在daterangepicker属性中,这样是不生效的。 起止时间可以设置为具体年月日也可以生成当前日期(new Date() 或者 moment()【moment()方法为moment.js获
阅读全文
摘要:为了获得更好的用户体验,现在大多数网页都会在页面中加一个加载中效果,这里实现一个加载中逐渐消失的效果,以至于看上去不那么生硬。 html: css: 这里的加载中为一个gif的动态图,相对css,要更简单好用,多样化,但是gif图片容易太大,导致图片加载过慢,所以要到网上找一些在线压缩图片的地方压缩
阅读全文
摘要:比如想实现点击列表弹出筛选器,点击其他任意地方关闭筛选器,如图 该筛选器class名 首先点击document任意位置隐藏该元素,然后给该元素绑定click事件,阻止冒泡到该元素,则可以顺利实现需求。
阅读全文
摘要:大家都知道解绑事件的jquery写法,很简单: 然后对于事件委托式的事件绑定,亲测,这种解绑方法是无效的, 即使做判断让一部分带有某个class的li标签的ul解绑click,依然无效,事件委托会直接跳过判断,执行冒泡 解决办法: 给不想绑定点击事件的li元素阻止冒泡: 问题解决……
阅读全文
摘要:最近把一个项目的jQuery升级到最新版,发现有些页面报错Cannot read property ‘msie’ of undefined。上jQuery网站上搜了一下,原因是$.browser这个api从jQuery1.9开始就正式废除,js代码里只要用到$.browser就会报这个错。具体说明参
阅读全文
摘要:一、zoomfiy.js 推荐可以从这里下载 使用说明: 使用该jquery 插件引入该插件的js:zoomfiy.js 或 min引入该插件的css:zoomfiy.css 或 min前后顺序都可js里加入 调用插件的函数 $('这里写要放大的图片').zoomify();如果有ajax 新生成的
阅读全文
摘要:有些时候为了排版的整洁,页面展示的图片不得不都是限定宽高的,如果想要点击图片放大至原始大小进行预览,再次点击回到原来样子,就要用到下面的代码了: 以上代码获取图片原始宽高为转载,进行加工后如上。亲测有效,但是对于图片上传后,点击方法后,貌似并不能获取到原始宽高,我想应该是load的原因,还请懂的大神
阅读全文
摘要:以上文章为转载自http://blog.sina.com.cn/s/blog_50042fab0101c7a9.html 或者外接函数,例如 第一种方法也是开关 的很好的体现。
阅读全文
摘要:网上找了很多,万变不离其宗,写法核心都是一样的,在这里我给大家总结一下,可收藏备用。 html: <div class="scroll"> <ul class="list"> <li><a href="#" target="_blank">公告一 或 中奖者 甲</a></li> <li><a hr
阅读全文