Конфликт Jquery и Mootools
Интегрировал выпадающее меню на Jquery в шаблон Jommla+Virtuemart.
В Index.php шаблона подключил следующие файлы: <script type="text/javascript" src="templates/shablon/js/jquery.min.js"> </script> <script type="text/javascript" src="templates/shablon/js/jquery.hoverIntent.minified.js"> </script> <script type="text/javascript" src="templates/shablon/js/munu.js"> </script> В Virtuemart на mootools работает просмотр изображений Lightbox. Эти скрипты начали конфликтовать. Пришлось заменить в файлах query.min.js, jquery.hoverIntent.minified.js, munu.js значок $ на jquery После этого Lightbox заработал. Но появилась новая проблема: при открытии страницы меню сразу появляется выпавшим. Подскажите, есть ли какой-то вариант решения проблемы, оба компонента нужны. Файл munu.js jQuery(document).ready(function() { function megaHoverOver(){ jQuery(this).find(".sub").stop().fadeTo('fast', 1).show(); //Calculate width of all ul's (function(jQuery) { jQuery.fn.calcSubWidth = function() { rowWidth = 0; //Calculate row jQuery(this).find("ul").each(function() { rowWidth += jQuery(this).width(); }); }; })(jQuery); if ( jQuery(this).find(".row").length > 0 ) { //If row exists... var biggestRow = 0; //Calculate each row jQuery(this).find(".row").each(function() { jQuery(this).calcSubWidth(); //Find biggest row if(rowWidth > biggestRow) { biggestRow = rowWidth; } }); //Set width jQuery(this).find(".sub").css({'width' :biggestRow}); jQuery(this).find(".row:last").css({'margin':'0'}); } else { //If row does not exist... jQuery(this).calcSubWidth(); //Set Width jQuery(this).find(".sub").css({'width' : rowWidth}); } } function megaHoverOut(){ jQuery(this).find(".sub").stop().fadeTo('fast', 0, function() { jQuery(this).hide(); }); } var config = { sensitivity: 1, // number = sensitivity threshold (must be 1 or higher) interval: 1, // number = milliseconds for onMouseOver polling interval over: megaHoverOver, // function = onMouseOver callback (REQUIRED) timeout: 1, // number = milliseconds delay before onMouseOut out: megaHoverOut // function = onMouseOut callback (REQUIRED) }; jQuery("ul#topnav li .sub").css({'opacity':'0'}); jQuery("ul#topnav li").hoverIntent(config); }); |
Посмотрите еще это http://vkurseweba.ru/blog/correct-mo...ery-i-mootools
|
Часовой пояс GMT +3, время: 23:35. |