jquery：detach（）在Safari中不起作用

Question

我写了一些代码，利用append（）和detach（）来隐藏和显示全屏导航。

在Safari中，detach（）隐藏导航，不起作用。任何帮助，为什么非常感谢。

$(document).ready(function() {

  var nav = $('#nav');
  var menu = $('#menu');
  var navLabel = $('#nav span')
  var menuItems = $('#menu li');

  menu.detach();
  navLabel.attr('data-content','Menu');

    nav.click(function(){

        console.log(menu.css("opacity"));

        if (menuOpacity == 0){

            $("body").append(menu).after(nav);
            menuOpacity = 1;
            menu.css("opacity");
            menu.css("opacity","0.99");
      navLabel.attr('data-content','Back');

            } else if ( menuOpacity == 1 && menu.css("opacity") == 0.99 ) {

                menuOpacity = 0;
                menu.css("opacity");
                menu.css("opacity","0");
                menu.on("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd", function(){
                    menu.detach();
                    $(this).off();
                });
        navLabel.attr('data-content','Menu');
            }
    }); 
});