本文实例讲述了jquery 插件重新绑定的处理方法。分享给大家供大家参考,具体如下:
比如有一个slide的jquery插件,页面打开就对dom进行了绑定。
<div class="expert"> <div class="expert-list"> <ul> <li class="expert-item"> <a href="#" rel="external nofollow" rel="external nofollow" > <img src="/UploadFiles/2021-04-02/expert1.jpg"><script type="text/javascript"> $(".expert-list").slide({mainCell: "ul", autoPage: true, effect: "left", autoPlay: true}); </script>现在需求是当窗口大小发生改变时,这个slide也会发生相应变化。
单纯的用jquery去控制expert-list、expert-item和img的宽、高效果并不怎么好。
想法是,解除expert-list上的slide插件绑定,然后在窗口大小改变的事件处理函数中再重新绑定,结果并没有找到解除绑定的方法。
笨办法是,先clone()一份,然后在把原先的dom删除再添加,再重新绑定。
<script type="text/javascript"> var expert = $(".expert").clone(); $(".expert-list").slide({mainCell: "ul", autoPage: true, effect: "left", autoPlay: true}); $(window).resize(function () { $(".expert").empty(); //这里只需添加html结构,clone()好像会把行内样式也拷贝了。 $(".expert").append(expert.html()); $(".expert-list").slide({mainCell: "ul", autoPage: true, effect: "left", autoPlay: true}); }); </script>此方法的效率并不怎么高。
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery切换特效与技巧总结》、《jQuery遍历算法与技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
标签:
jquery,插件重新绑定
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“jquery 插件重新绑定的处理方法分析”评论...
更新动态
2024年05月15日
2024年05月15日
- 【HIRES】贝多芬《钢琴奏鸣曲No.814“月光与悲怆”》索尼精迅Hi-Res/FLAC/96kHz/24bit」
- Switch继任机或采用12GB内存 存储空间256GB
- 任天堂NS2大概率不在本财年内发售 芯片供应有保障
- 万代魂推出1:1《塞尔达传说》大师之剑 9月正式发售
- 江梦蕾.1997-爱的旋律·成名经典(巨星珍藏系列)【丽风】【WAV+CUE】
- 陈明韶.1978-伞下的世界(滚石新格民歌系列15)【滚石】【WAV+CUE】
- 群星.1990-宝丽金巨星荟萃(引进版)【宝丽金】【WAV+CUE】
- 崩坏星穹铁道2.2汽水先生在哪 6位汽水先生位置分享
- 崩坏星穹铁道2.2演技派挑战怎么解锁 演技派隐藏挑战攻略
- 崩坏星穹铁道2.2动作派挑战怎么解锁 动作派隐藏挑战攻略
- 刘以达.2012-希望之旅[香港][WAV整轨]
- 张国荣.2015-NEW精选XRCD【华星】【WAV+CUE】
- 松田圣子SeikoMatsuda《SEIKOJAZZ3》2024[24bit-WAV+CUE]
- 老任极其重视NS2保密工作 疑似为其代号又建了个代号
- 世嘉舅妈透露任天堂新项目代号 或为《塞尔达传说:荒野之息》新机增强版