javascript - is there a reason this script doesn't work in IE and Chrome -
this script navigation thing have made... works in firefox doesn't work after fadeinupbig part of function. wondering why might case? have posted css , html of 2 classes aren't loading in script help.
$('.fa-question-circle').parent().on('click', function () { $('.submenu-ctn').fadeto(0, 0); $("#colorscreen").remove(); $( '#menu' ).multilevelpushmenu( 'collapse' ); $("body").append('<div id="colorscreen" class="animated"></div>'); $("#colorscreen").addclass("fadeinupbig"); $('.fadeinupbig').css('background-color', 'rgba(33,29,134, 0.2)'); $(".tile-area-main").css({width: "720px"}).load("what.html #overview"); $(".submenu-ctn").load("what.html .submenu-what"); $('.nav-toggle').removeclass('active'); $(this).addclass('active'); $('.submenu-ctn').fadeto(3000, 1); }); css tile area main....
.metro .tile-area-main { position: fixed; left: 290px; top: 150px; display: inline-block; padding: 8px; width: auto; color: #ffffff; cursor: pointer; z-index : 349; width: 720px; height: 400px; overflow: hidden; z-index : 3000; } .metro .tile-area-main p { margin: 0; padding: 0 2.4em 0.6em; font-size: 1.2em; line-height: 1.5; color : #fff; cursor: pointer; } and html simple really...
<body class="metro"> <div class="tile-area-main"></div>
stupid post , stupid answer there ya go... using testing platform not configured properly... in end managed browsers on machine , test them ... worked find...... (oops)
Comments
Post a Comment