jQuery вызывает невидимые пули в радио-кнопках IE8

Question

Я создал простой тест, который я использую в Plone (именно поэтому я использую 'jQuery' вместо '$'), и по какой-то причине мой код JavaScript для вычисления оценки на лету заставляет переключатели переключаться на в IE 8 отображаются неправильно. Я имею в виду, что после нажатия кнопки значение рассчитывается правильно, но маркер не показывает, что кнопка была нажата. Я чертовски стараюсь исправить это. Он отлично работает во всех других браузерах. Это - скрипка с моим простым кодом викторины. В IE8 переключатели не работают должным образом при загрузке jquery, но если вы закомментируете весь javascript, переключатели работают нормально.

Любая помощь будет принята с благодарностью.

Answer 1

Ммм ... Я думаю, что большая часть вашей проблемы - неправильное использование элемента <input>.Входы являются самозакрывающимися тегами.Вы не можете обернуть их вокруг другого HTML.

<input type="text"><span>HTML here</span></input> <!-- WRONG! -->

<input type="text" /> <span>HTML here</span> <!-- Correct -->

ОБНОВЛЕНИЕ:

Интересно.Просто заметил, что вы возвращаете false из события onchange.Есть ли конкретная причина для этого?По иронии судьбы, IE8 может быть единственным, который ведет себя правильно.Возвращение false должно означать «отменить то, что было бы сделано».Например, в случае кликов по ссылкам URL не отслеживается.При отправке формы она отменит POST на сервере.IE8 может интерпретировать это как означающее: отменить изменение внешнего вида радио.

Answer 2

jQuery('input').change(function() {
   // ... [snip] ...
   return false;
});

Почему ты возвращаешь false? Обычно это говорит браузеру «отменить» поведение события по умолчанию. Во всяком случае, я удивлен, что Firefox не демонстрирует такое поведение.

Удалить return false; если я что-то упустил, логике вашего приложения это вообще не нужно.