热门关键字:
jquery > jquery教程 > jquery教程 > jquery点击按钮增加一个div

jquery点击按钮增加一个div

327
作者:管理员
发布时间:2021/5/21 18:04:59
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=4772
  起因


  今天写页面的时候突然有这么个需求,由于父元素(一个DIV)的height是由javascript计算出来的固定的值,而在其中增加了一个多说插件,在用户评论后,子元素(DIV)的height属性增加,导致子元素溢出。但是又不知道如何为多说的评论按钮增加回调函数,于是乎就想到了根据子元素的大小变化来重新计算父元素的height。


  onresize?


  平常,都是在整个浏览器窗口变化时触发一个修改布局的回调函数。使用的是window对象的resize事件,利用:


  window.onresize=callback;


  来绑定。但根据resize事件的target是defaultView (window),这里详见MDN的resize文档,也就是说只有window对象有resize事件,于是乎就想到使用jQuery自己的事件机制来模拟一个普通元素上的resize事件


  使用JQUERY事件的实现思路


  可以想到一种比较简单的方式:


  1. 在元素绑定resize对象时,记录元素的width和height


  2. 使用requestAnimationFrame、setTimeout、setInterval,每隔一段时间查询其width和height,如果和记录的width和height不一样,运行回调函数并更新记录中的width为height


  JQUERY插件


  这个功能Ben Alman编写了一个jQuery插件,传送门




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐