UC知道两个JS冲突,请求帮助
来源：百度知道 编辑：UC知道 时间：2024/09/18 06:02:25
我在网页上+了个多栏目滑动~调用JS如下:
$(document).ready(function () {
var $panels = $('#slider .scrollContainer > div');
var $container = $('#slider .scrollContainer');
var horizontal = true;
if (horizontal) {
$panels.css({
'float' : 'left',
'position' : 'relative'
});
$container.css('width', $panels[0].offsetWidth * $panels.length);
}
var $scroll = $('#slider .scroll').css('overflow', 'hidden');
function selectNav() {
$(this)
.parents('ul:first')
.find('a')
.removeClass('selected')
.end()
.end()
.addClass('selected');
}
$('#slider .navigation').find('a').click(selectNav)
$(document).ready(function () {
var $panels = $('#slider .scrollContainer > div');
var $container = $('#slider .scrollContainer');
var horizontal = true;
if (horizontal) {
$panels.css({
'float' : 'left',
'position' : 'relative'
});
$container.css('width', $panels[0].offsetWidth * $panels.length);
}
var $scroll = $('#slider .scroll').css('overflow', 'hidden');
function selectNav() {
$(this)
.parents('ul:first')
.find('a')
.removeClass('selected')
.end()
.end()
.addClass('selected');
}
$('#slider .navigation').find('a').click(selectNav)
你好像同时使用了jQuery和protoType库，建议把jQuery部分的$换成jQuery，注意大小写。
在script标签一开始的地方添加jQuery.noConflict();使jQuery释放对$的重定义。下面是开始的代码，已经替换了jQuery
jQuery(document).ready(function () {
var $panels = jQuery('#slider .scrollContainer > div');
var $container = jQuery('#slider .scrollContainer');
var horizontal = true;
if (horizontal) {
$panels.css({
'float' : 'left',
'position' : 'relative'
});
解决两个JS冲突的情况是:
你把两个JS里面的变量和函数名分别设为不同的就行了.
比如:var $panels =
可以设置为var $panels0 =
当然一系列的变量和函数名都要改.不然会出错.