Я написал вкладку управления, но я не могу заставить CSS работать во всех браузерах, как мне это исправить?

Question

Используя CSS, в основном есть два класса, один для цвета вкладок по умолчанию, и «выбранный» класс CSS, который применяется с помощью JavaScript к любой нажатой вкладке.

Управление работает отлично, но динамический CSS работает только в IE7 и IE8.

Код в основном такой:

for (var i = 0; i < group.children.length; i++)
{
    child = group.children[i];

    // Remove class (selected)
    child.className = "";

Чтобы удалить «выбранный» класс CSS из каждого элемента. CSS по умолчанию является автоматическим, не указывается с помощью class =, поэтому в основном это возвращает их к значениям по умолчанию.

Затем, следуя другой логике, он применяет выбранный CSS к любому нажатию:

// Set selected tab

tab.className += "SelectedTab";

Я делаю это неправильно? В IE7 / 8 это выглядит нормально, но Firefox изначально правильно отображает вкладки, причем первая вкладка «выбрана», но когда я щелкаю по другой вкладке, он правильно удаляет выделенный CSS из первой, но не применяет «выбранные» css снова к следующей вкладке.

Answer 1

JQuery действительно хорош для такого рода вещей.

$(child).removeClass("SelectedTab");

$(tab).addClass("SelectedTab");

Answer 2

Посмотрите на страницу с помощью инспектора DOM в Firefox и убедитесь, что с JavaScript нет ничего плохого, используя консоль ошибок или Firebug.

Если бы вы могли опубликовать еще один код или, что еще лучше, ссылку на тестовую страницу, мы могли бы вам помочь. Прямо сейчас мы мало что можем сделать с кодом, который вы разместили.