Интегрировал выпадающее меню на 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);
});
