css - jquery: detach() not working in Safari -
i've written code utilizes append() , detach() hide , reveal full screen navigation.
in safari, detach(), hide navigation, not working. why appreciated.
$(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'); } }); });
Comments
Post a Comment