IE 8 Compatibility View Issues
As you will notice if you click on Show Player Rows: Button 2 and then Button 1 it works fine. Then if you try to click on Show Front 9/Back 9: Button F it will go into compatibility view, and then buttons 1 and 2 do not work any more.
Below is the following functions that are run when you click on the respective buttons:
- /*Function for Button 1*/
function display1Row() {
$('tr.playerRow2_off').removeClass('playerRow2_on');
//$('tr.playerRow3_off').removeClass('playerRow3_on');
}
/*Function for Button 2*/
function display2Rows() {
$('tr.playerRow2_off').addClass('playerRow2_on');
//$('tr.playerRow3_off').removeClass('playerRow3_on');
}
/*Function for Button F*/
function displayFRows() {
$('tr.teeTime_B_on').addClass('teeTime_B_off');
$('tr.teeTime_F_off').removeClass('teeTime_F_off');
}
/*Function for Button B*/
function displayBRows() {
$('tr.teeTime_F_on').addClass('teeTime_F_off');
$('tr.teeTime_B_off').removeClass('teeTime_B_off');
}
/*Function for Button FB*/
function displayFBRows() {
$('tr.teeTime_F_off').removeClass('teeTime_F_off');
$('tr.teeTime_B_off').removeClass('teeTime_B_off');
//$('tr.playerRow3_off').removeClass('playerRow3_on');
}
Here is how I am setting the row class: Where #FB# would equal to F or B
- <tr class="teeTime_#FB#_on">
Does any one have any insight as to why IE 8 goes into compatibility view when you click on button F and then buttons 1 and 2 do not work? FYI this work completely fine in FireFox 2.
You help is greatly appreciated. Thank you.
- Eugene