درود
تا جایی که من می دونم جوملا از Mootoolsاستفاده می کنه و کدهای اون با جی کوئری تداخل دارند. شما می تونید برای جلوگیری از این مساله فانکشن
$.noConflict();
در ابتدای کد JQuery قرار بدید. و بعد از اون در تمام کدهای JQuery، بجای $ از کلمه jQuery استفاده کنید.
مثال:
این تکه کد را
$(document).ready(function(){
// Yutab LI slider behavior
var itemIndex = 1;
$('.yutab-li-scroller ul li:nth-child('+itemIndex+')').delay(5000).fadeOut();
setInterval(function(){
itemIndex ++;
if (itemIndex > $('.yutab-li-scroller ul li').length) {
itemIndex = 1;
}
$('.yutab-li-scroller ul li:nth-child('+itemIndex+')').fadeIn(500).delay(5000).fadeOut(500);
},6100);
به این صورت بنویسید:
$.noConflict();
jQuery(document).ready(function(){
// Yutab LI slider behavior
var itemIndex = 1;
jQuery('.yutab-li-scroller ul li:nth-child('+itemIndex+')').delay(5000).fadeOut();
setInterval(function(){
itemIndex ++;
if (itemIndex > jQuery('.yutab-li-scroller ul li').length) {
itemIndex = 1;
}
jQuery('.yutab-li-scroller ul li:nth-child('+itemIndex+')').fadeIn(500).delay(5000).fadeOut(500);
},6100);