Я создаю форму входа для веб-игры, очень красиво ее стилизовал и т. Д. Использовал Cufon для разметки текста.
Теперь у меня есть кнопка отправки, которая очень стандартна. Поэтому я попытался применить CSS и Cufon.
Не работает.
Тогда я написал немного jquery:
- скрыть кнопку отправки
- добавить диапазон с тем же классом после кнопки отправки
- установить его текст такой же, как кнопка отправки
- добавление события щелчка к диапазону, в котором вызывается событие щелчка исходной кнопки.
Код:
$('input.button-submit').hide().after('<span class="button-submit">').next('span.button-submit').text($('.button-submit').val()).click(function(){
$('.button-submit').prev('input.button-submit').click();
});
Это работает в Chrome, Opera, Firefox и Safari.
Теперь проблема: IE (каждая версия) не показывает диапазон. Он скрывает исходную кнопку отправки, но не добавляет интервал. Похоже, что .after () не выполняется должным образом. Никаких предупреждений, никаких ошибок, я отлаживал около часа, и я не могу найти что-либо в Интернете, заявляя об этой проблеме.
Кто-нибудь здесь знает, как это исправить? или идея о направлении поиска?
Любая помощь приветствуется!
~ Менно