Magento超级菜单问题 [英] Magento mega menu problem

问题描述

我在verthpc dot上的megamenu有1个问题。





有时菜单下拉向右移动。这种情况发生在chrome和firefox上。



这不是常规问题，有时只会发生。



附上megamenu代码



$ sns_jq（函数（$）{

var wrap = $（'＃sns_menu'）;

var container = $（'＃sns_menu .container'）;

$（'。sns-megamenu-wrap'）。find（'li'）。each（function （）{b / b $ var $ menucontent = $（this）.find（。mega-content-wrap：first）;

var li = $（this）;



if（（container.outerWidth（）+ container.offset（）。left）<（li.offset（）。left + menucontent.outerWidth（））） {

menucontent.css（{left:( container.outerWidth（） - menucontent.outerWidth（））+px}）;

}

}）;

$（窗口）.resize（function（）{

setTimeout（function（）{

$ （'.sns-megamenu-wrap'）。find（'li'）。each（function（）{

var menucontent = $（this）.find（。mega-content-wrap： F irst）;

var li = $（this）;



if（（container.outerWidth（）+ container.offset（） .left）< （li.offset（）。left + menucontent.outerWidth（）））{

menucontent.css（{left:( container.outerWidth（） - menucontent.outerWidth（））+px }）;

}

}）;

}，200）;

}）;

I have 1 Issue with the megamenu on verthpc dot com


Sometimes the menu drop down shifts to right . This happens on both chrome and firefox .

It is not a regular issue it only happens sometimes.

the megamenu code is attached

$sns_jq(function($){
var wrap = $('#sns_menu');
var container = $('#sns_menu .container');
$('.sns-megamenu-wrap').find('li').each(function(){
var menucontent = $(this).find(".mega-content-wrap:first");
var li = $(this);

if( (container.outerWidth() + container.offset().left) < (li.offset().left + menucontent.outerWidth()) ){
menucontent.css({"left": (container.outerWidth() - menucontent.outerWidth() )+"px"});
}
});
$(window).resize(function(){
setTimeout(function(){
$('.sns-megamenu-wrap').find('li').each(function(){
var menucontent = $(this).find(".mega-content-wrap:first");
var li = $(this);

if( (container.outerWidth() + container.offset().left) < (li.offset().left + menucontent.outerWidth()) ){
menucontent.css({"left": (container.outerWidth() - menucontent.outerWidth() )+"px"});
}
});
}, 200);
});

推荐答案

sns_jq（函数（

sns_jq(function(

）{

var wrap =

){
var wrap =

（'＃sns_menu'）;

var container =

('#sns_menu');
var container =

这篇关于Magento超级菜单问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！