本文实例讲述了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程序设计有所帮助。
风云阁资源网 Design By www.bgabc.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
免责声明:本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除!
风云阁资源网 Design By www.bgabc.com
暂无评论...
更新日志
2024年09月23日
2024年09月23日
- 周冰倩1995《沧桑情歌》JVC日本录制[WAV+CUE]
- 辛禄乐队.2024-热烈的少年【星辰】【FLAC分轨】
- 成龙.1996-龙的心【滚石】【WAV+CUE】
- 童安格.1991-一世情缘【宝丽金】【WAV+CUE】
- 韩红2010-擦肩而过[央金玛][WAV+CUE]
- RiccardoTesi-UnballoLiscio,Vol.II(2024)[24-48]FLAC
- 金池VS刘罡2009《双声情》[WAV+CUE]
- 冯奥迪《卄》[320K/MP3][67.08MB]
- 冯奥迪《卄》[FLAC/分轨][172.46MB]
- Merryland《Merryland》[320K/MP3][69.48MB]
- 苏芮.1991-停在我心里的温柔【福茂】【WAV+CUE】
- 苏慧伦.2020-面面Every.Side.of.Me【相信音乐】【WAV+CUE】
- 群星.1991-不一样的感觉REMIX【宝丽金】【WAV+CUE】
- 银霞.1983-《你那好冷的小手》珍藏纪念版[WAV分轨]
- 银霞.2002-《国语巨星专辑VOL.3》2CD台湾版[WAV+CUE]