我对这一切还很陌生,所以如果这是一个愚蠢的问题,我们深表歉意:
我在这里有一个Magento网站:http://www.thisisnotavegetable.com它使用响应式设计,并且在移动宽度浏览器上显示时,topmenu变为启用javascript的下拉菜单。
除了在首页(通过支持javascript的滑块上加载的页面)上,而且仅在Android版Chrome上,所有这些都可以正常运行。在该浏览器上,下拉列表闪烁,并且链接文本不会显示。我认为这是一个jQuery问题,但是我还没有足够的先进性来解决它。
任何帮助深表感谢!
亚历克斯
以下是下拉菜单的jQuery(我认为)。滑块是ioSlider。我希望有人可以帮助我而不需要看到jQuery,因为它是未格式化的,并且许可证说我不应该发布它。
if (jQuery('#categories-accordion').length){
jQuery('#categories-accordion li.level-top.parent ul.level0').before('<div class="btn-cat"><div class="inner"></div></div>');
if(mobileDevice == true){
jQuery('#categories-accordion li.level-top.parent').each(function(){
jQuery(this).on({
click: function (){
if(!jQuery(this).hasClass('touched')){
jQuery(this).addClass('touched closed').children('ul').slideToggle(200);
clearTouch(jQuery(this));
return false;
}
}
});
});
}else{
jQuery('#categories-accordion li.level-top.parent .btn-cat').each(function(){
jQuery(this).toggle(function(){
jQuery(this).addClass('closed').next().slideToggle(200);
},function(){
jQuery(this).removeClass('closed').next().slideToggle(200);
})
});
}
}
最佳答案
如果您可以发布jQuery代码,那就太好了:)
闪烁可以通过使用硬件加速来解决。您可以通过添加“ -webkit-transform:translateZ(0);”来强制浏览器使用硬件加速。进入移动菜单的CSS类。
mobileMenu {
...
-webkit-transform: translateZ(0);
}