jquery - Mmenu 在 Galaxy Tab2 中不起作用

Question

当我将 Jquery Mmenu 合并到 Bootstrap 中时，当我放大浏览器时，它在所有浏览器中都能完美运行，但是当我在纵向模式下的银河选项卡中测试时，响应式菜单仅在第一次工作。

这个问题有什么想法或方法吗？

Jquery Mmenu： http ://mmenu.frebsite.nl

我提前向大家表示感谢。

普拉文。

Answer 1

我也有这个问题。这是三星浏览器中的一个错误，需要 webkit 前缀作为过渡结束事件（请参阅Android 4.1 更改 - 过渡和 webkittransition defiend，如何正确确定过渡结束事件的名称？）。

您可以对 mmenu 源进行以下修改以解决此问题（v3.0.2 中的第 636 和 1337 行）：

transition: (function() {
    var fake=document.createElement( 'div' ).style;
    if('webkitTransition' in fake){
        return 'webkitTransition';  
    }
    return 'transition' in fake;
})()
function transitionend( $e, fn, duration )
{
    //check to see if the browser supports webkitTransition if so, use that instead
    var transSupport=$.fn.mmenu.support.transition;
    if ( transSupport == 'webkitTransition')
    {           
        $e.one("webkitTransitionEnd",fn);
    }
    else if(transSupport){
        $e.one( _e.transitionend, fn );
    }
    else
    {
        setTimeout( fn, duration );
    }
}