MSclass和jQuery冲突解决办法(图文教程)

msclass.js是一个通用不间断滚动JS封装类,在项目中的滚动效果基本上都是使用这个类(http://www.popub.net/),但在使用的过程中发现,引入jquery以后,某些效果会产生冲突,主要体现在点击切换箭头不切换的情况。

很多时候,Msclass会引用这样一段代码:

function $(id){return document.getElementById(id)};

正是因为这段代码和jquery冲突了。

下面介绍两种解决方法:

1、直接改msclass代码

直接改为

function $(id) {
     if (typeof jQuery == 'undefined' || (typeof id == 'string' && document.getElementById(id))) {
          return document.getElementById(id);
     else if (typeof id == 'object' || !/^\w*$/.exec(id) ||
          /^(body|div|span|a|input|textarea|button|img|ul|li|ol|table|tr|th|td)$/.exec(id)){
        return jQuery(id);
     }
     return null;
}
2、修改jquery调用的代码:
var $j = jQuery.noConflict();
$j(document).ready(function(){
$j(”div”).hide();
});
$j(”div”).hide();部分中,把自己的调用元素代码都加上j字母就可以了。
感谢:第一种方法引入: http://www.coolneng.com/?thread-index-fid-6-tid-366.htm
第二种方法:http://www.jb51.net/article/22013.htm

 

Leave a Reply