当前位置: 秋叶网络博客 前端编程 ◊ 网页设计中注意防范js变量冲突

网页设计中注意防范js变量冲突

作者: 发表时间:2014年09月26日

看来我的js知识非常需要脑补了,因为这个原因,这几天都在整js,应该说被js所整,虽然整出了一些结果,但到现在还有一些未解之谜,无从问津。

刚开始整ajax整站防刷新,网站就一直存在问题一样,导致了我的其它js效果尽失,后来慢慢发现ajax不加载其它函数,所以要ajax结束后另外加载其它函数,对此,解决了一部分js失效问题,但是评论的ajax的js效果还是没挽回,不知道是js冲突还是我不知道那段js的具体函数是什么,有可能没加载对。

有了ajax之后就想弄个播放器,因为之前的“小播放器”不给力,只能播放一首歌,后来我替换了个带歌词的html5播放器,又出各种问题,播放按钮失效,找了好久的原因,后来才发现原来是绑定事件的冲突,因为那个播放按钮绑定的是id="play",而我网站的幻灯片播放js也绑定的id="play",终于找出了原因,把它换了就没事了,但是又发现该播放器在文章页一些按钮问题也都失效了,而回到首页或者页面上就都很正常,唯一值得深究的就是我在head调用了<?php if ( is_singular() ){ ?><link rel="canonical" href="<?php the_permalink(); ?>" /><script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/comments-ajax.js"></script><?php } ?>就是在文章页加载了这个js文件。

我觉得应该是comments-ajax.js的冲突问题,绑定id冲突应该不存在,因为我看了它绑定的都是跟评论框有关的id。之前的ajax与评论的冲突看来也是comments-ajax.js的问题,这个问题还有待研究。有思路的麻烦告知下,感激不尽。

总之,js多了要特别注意冲突问题,一定要保证id的唯一性,除此之外还有变量等其它冲突。

1
文章作者: 秋叶网络博客,本站鼓励原创。
转载请注明本文地址:https://www.mizuiren.com/133.html
目录:前端编程 | 标签:html5带歌词播放器,变量语法,js冲突 | 16174次阅读