Loading a file into a div, CSS/UI not applying styles to classes in Firefox, but will in IE, kinda...
Example of what's going on:
- (".analyzer").click(function () {
-
- if ( $(this).attr('id') == 'ct50' ) {
- $('#analyzers').load('ct50.html');
- $('.CT50').show();
- }
- else if ( $(this).attr('id') == 'status' ) {
- $('#analyzers').load('status.html');
- $('.Status').show();
-
- }
- else if ( $(this).attr('id') == 'plus' ) {
- $('#analyzers').load('plus.html');
- $('.Plus').show();
- }
- else if ( $(this).attr('id') == 'connect' ) {
- $('#analyzers').load('connect.html');
- $('.Plus').show();
- }
- else if ( $(this).attr('id') == 'ct500' ) {
- $('#analyzers').load('ct500.html');
- $('.CT500').show();
- }
- else if ( $(this).attr('id') == 'advantus' ) {
- $('#analyzers').load('advantus.html');
- $('.Advantus').show();
- }
- else if ( $(this).attr('id') == 'dca2000' ) {
- $('#analyzers').load('2000.html');
- $('.DCA2k').show();
- }
- else if ( $(this).attr('id') == 'vantage' ) {
- $('#analyzers').load('vantage.html');
- $('.Vantage').show();
- }
- $(".button").button();
- $('#menu').hide();
- $('#customer').show();
- $('#general').show();
So when I loaded the div, the buttons were just ugly, grey standard buttons. I added line 36, and it fixed it in IE, but it won't work in Firefox. I have no idea what else to do.