How to import two different version of jQuery?
Okay, I am running what is called "XpressEngine" on my website. It is a Korean CMS tool that is like Joomla and it loads jquery 1.3.2 as standard on its boards and etc.
I have developed a new design website with jquery 1.4.2 and it works fine with by it self.. but it does not when it loads a board running by XE. I guess the reason is that the websites loads two jquery. So I tried to load the jquery 1.3.2 only so that it can run both my board and the website layout, but layout is not working with jquery 1.3.2. (except, if I only import jquery 1.3.2, then the board works fine but not the layout.) I guess my code is some what requiring jquery 1.4.2.. but I am not sure why yet..
My question is, is there any way to import jquery 1.4.2 and 1.3.2 simultaneously? (I personally think its not possible though..)
and if the question above is not possible, can someone identify me what part of my code is requiring 1.4.2?
- $(document).ready(function() {
dropDownMenu();
autoSlide(5000, 0);
addSeparators();
autoTab();
popPosts();
closeNot();
Cufon.replace('h1, h2, h3, h4, h5', { fontFamily: 'Liberation Sans' });
$("#login_link a").fancybox();
$(".lightbox").fancybox({
'titleShow' : false
});
});
function dropDownMenu() {
$("#menu ul a").removeAttr('title');
$("#menu ul ul").css({display: "none"}); // Fixes opera Bug
$("#menu ul li").hover(function() {
$(this).find('ul:first').css({display: "block", opacity: 0}).stop().animate({ opacity: 1 }, 200); //Slides down when hover the UL
$(this).children('a').addClass("hovered"); //Adds a hovered class, so you can see the menu path you are following
}
,function() {
$(this).find('ul:first').css({display: "none"}); //Slides up on mouseleave
$(this).children('a').removeClass("hovered"); //removes the hovered class.
});
}
function nextSlide() {
$current = $('#slider ul li.current');
$next = $('#slider ul li.current').next();
$current_sel = $('#slider_selector ul li.current');
$next_sel = $('#slider_selector ul li.current').next();
if($next.children('a').children('img').attr('alt') == undefined) {
$next = $("#slider ul li:first");
$next_sel = $("#slider_selector ul li:first");
} else {
//Do nothing. The $next element exists
}
$next.addClass('next').css({ opacity: 0 }).stop().animate({ opacity: 1 }, 300, function() {
$next.addClass('current').removeClass('next');
$current.removeClass('current');
});
$current_sel.removeClass('current');
$next_sel.addClass('current');
}
function autoSlide($time, $stop) {
$('#slider ul li:first').addClass('current');
$total_slides = ($('#slider ul li').length);
$i = 1
$('#slider_selector').prepend('<ul></ul>');
$('#slider ul li').each(function() {
$(this).addClass('slider_'+$i);
if($i == 1) {
$('#slider_selector ul').append('<li class="current sel_'+$i+'"></li>');
} else {
$('#slider_selector ul').append('<li class="sel_'+$i+'"></li>');
}
$i++;
})
if(typeof(isClicked) == 'undefined') { var isClicked = 0; }
$('#slider_selector ul li').click(function() {
$id = $(this).attr('class').split(' ');
if($id[0] == 'current' || $id[1] == 'current') {
//do nothing
} else {
$id = $id[0].split('_');
callSlide($id[1]);
isClicked = 1;
}
});
if(typeof(isHovered) == 'undefined') { var isHovered = 0; }
//If no item has been hovered yet, the variable isHovered doesn't exist, so we create it.
$("#slider ul li").hover(function() { // Whenever an item is hovered
isHovered = 1; //Setting isHovered 1, we stop the autsliding from going on
}, function() {
isHovered = 0;//Setting isHovered 1, we make the autsliding go on
});
setInterval(function() {
if($stop == 1) {
if(isHovered == 0 && isClicked == 0) { //It only calls the next item IF no item is hovered
nextSlide();
}
} else if(isClicked == 0) {
nextSlide();
}
}, $time);
}
function callSlide($slideID) {
$current = $('#slider ul li.current');
$next = $('#slider ul li.slider_'+$slideID);
$current_sel = $('#slider_selector ul li.current');
$next_sel = $('#slider_selector ul li.sel_'+$slideID);
$next.addClass('next').css({ opacity: 0 }).stop().animate({ opacity: 1 }, 300, function() {
$next.addClass('current').removeClass('next');
$current.removeClass('current');
});
$current_sel.removeClass('current');
$next_sel.addClass('current');
}
function addSeparators() {
$('#menu ul:first').children('li').each(function() {
$(this).after('<li class="border"></li>');
});
$('.border:last').remove();
$('#menu ul li ul').each(function() {
$(this).children('li:first').children('a').css('border-top', 'none');
$(this).children('li:last').children('a').css('border-bottom', 'none');
});
$('.content_item').each(function() {
$(this).after('<div class="content_item_separator"></div>');
});
$('.content_item_separator:last').remove();
$('ul.ctabs_content').each(function() {
$(this).children('li:last').children('a').css({ 'border-bottom': 'none' });
});
}
function nextTab() {
$current_t = $('#ctabs li.current');
$next_t = $('#ctabs li.current').next();
$current_sel_t = $('#tabs li.current');
$next_sel_t = $('#tabs li.current').next();
if($next_t.children('ul').attr('class') == undefined) {
$next_t = $("#ctabs li:first");
$next_sel_t = $('#tabs li:first');
} else {
//Do nothing. The $next element exists
}
$next_t.addClass('next').css({ opacity: 0 }).stop().animate({ opacity: 1 }, 300, function() {
$next_t.addClass('current').removeClass('next');
$current_t.removeClass('current');
});
$current_sel_t.removeClass('current');
$next_sel_t.addClass('current');
}
function autoTab() {
$('#tabs li:first').addClass('current');
$('#ctabs li:first').addClass('current');
$i = 1;
$('#tabs li').each(function() {
$(this).attr('id', 'tab_'+$i);
$i++;
});
$i = 1;
$('#ctabs li:not(ul.ctabs_content li)').each(function() {
$(this).attr('id', 'ctab_'+$i);
$i++;
});
$('#tabs li').click(function() {
if($(this).attr('class') == 'current') {
} else {
$id = $(this).attr('id').split('_');
callTab($id[1]);
}
});
}
function callTab($id) {
$current_t = $('#ctabs li.current');
$next_t = $('#ctabs li#ctab_'+$id);
$current_sel_t = $('#tabs li.current');
$next_sel_t = $('#tabs li#tab_'+$id);
$current_t.slideUp(250, function() {
$(this).removeClass('current');
});
$next_t.slideDown(400).addClass('current').removeClass('next');
$current_sel_t.removeClass('current');
$next_sel_t.addClass('current');
}
function nextPop() {
$current_p = $('#popular_posts li.current');
$next_p = $('#popular_posts li.current').next();
if($next_p.length) {
} else {
$next_p = $('#popular_posts li:first');
}
$current_p.stop().animate({ left: '-280px' }, 200).removeClass('current');
$next_p.css({ left: '280px' }).stop().animate({ left: 0 }, 200).addClass('current');
}
function prevPop() {
$current_pop = $('#popular_posts li.current');
$prev_pop = $('#popular_posts li.current').prev();
if($prev_pop.length) {
} else {
$prev_pop = $('#popular_posts li:not(ul.popular_posts_content li):last');
}
$current_pop.stop().animate({ left: '280px' }, 200).removeClass('current');
$prev_pop.css({ left: '-280px' }).stop().animate({ left: 0 }, 200).addClass('current');
}
function popPosts() {
$('#popular_posts li:first').addClass('current');
$('#next_pop').click(function() {
nextPop();
});
$('#prev_pop').click(function() {
prevPop();
});
}
function closeNot() {
$('.close').click(function() {
$(this).parent().fadeOut(400);
});
}