两个jQuery插件在同一页面上发生冲突 [英] Two jQuery plugin conflicting on the same page

问题描述

我在同一个文件上有两个jQuery插件.一个是jquery.autocomplete.js，另一个是jquery.thumbnailScroller.js.

I have two jQuery Plugins working on the same file. One is jquery.autocomplete.js and the other is jquery.thumbnailScroller.js .

问题是当我在同一个文件上同时使用这两个文件时，自动完成功能根本无法在thumbnailScroller上正常工作，但是在没有thumbnailScroller插件的情况下同样可以正常工作.

The problem is when I am using both on same file, autocomplete is not working at all an thumbnailScroller is working and but the same is working well without thumbnailScroller plugin.

现在，当我浏览js文件时，两个文件中都显示了$.fn..但是，我不知道是因为这个原因还是其他原因造成的问题.

Now, when I was browsing thru the js files, I got $.fn. in both files. But, I dont know is the problem because of this or anything else.

我也在google和stackoverflow中进行了搜索，但是我没有找到合适的解决方案. 请指导我

I had searched in google and stackoverflow also, but I failed to get the proper solution. Please guide me

推荐答案

有一些方法可以避免jquery中的冲突. 我总是喜欢这样

There are some ways for avoiding conflict in jquery. I always do like this

var $k = jQuery.noConflict();

并为任何一个插件的每个$函数使用$ k.请勿在插件js文件中执行此操作.对您的实施页面执行此操作，例如

and use $k for every $ functions for any one plugin. Not do this in plugin js files. Do this for your implementation page, like,

$k("#id").autocomplete({... 

致谢

iijb

这篇关于两个jQuery插件在同一页面上发生冲突的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！