2010-09-24 3 views
1

У нас есть некоторые кнопки HTML, которые мы форматируем с помощью JQuery - $('#button').button().Дисплей кнопки jQuery в IE6

Отлично работает, но .. когда страница загружается в IE6, вы видите «неформатированную» обычную кнопку HTML, а затем вы видите удар форматирования JQuery через секунду или около того.

Что вы можете сделать, не отображая кнопку HTML по умолчанию и просто отображая версию в формате JQuery?

+0

Почему вы все еще развиваетесь для IE6, странно, как остальной мир перешел от IE6, кроме, как это ни удивительно, самих разработчиков ... –

+0

@Andrew Dunn: это может быть связано с бизнес-соображениями, поскольку Microsoft выбрала чтобы продлить жизнь IE6 до 2014 года ... это даже после 2012 года :) –

+0

Возможно, попробуйте посмотреть [эту ссылку] (http://browsesad.com/). – Reigel

ответ

2

Положите его в DIV, который по умолчанию скрытый CSS: #hiddenDiv {display: none;}, а затем после выполнения всех стилизации на кнопку с помощью JQuery сделайте видимым Див $('#hiddenDiv').show()

Edit: Чтобы разрешить кнопку для отображения при Javascript отключен:

<noscript> 
    <style> 
     #hiddenDiv 
      { 
      display: block!important; 
      } 
    </style> 
</noscript> 

Важно: Это аннулированию HTML, так как style теги не допускаются в noscript элементов, и в Теги Noscript XHTML недопустимы в элементе head.

+0

это нецелесообразно. Если javascript отключен, пользователи не будут видеть кнопку. – Reigel

+0

Исправлено ... Но я чувствую себя грязным. –

1

Попробуйте это. В коде CSS, написать

#button{ 
visibility: hidden 
} 

Поместите этот код в

<!--[if IE 6]> 
<![endif]--> 

А в вашем $ (документ) .ready функции добавьте следующее.

("#button").css("visibility","visible"); 

Отверните их, если они используют IE6 и отключить Javascript. : P

+0

это нецелесообразно. Если javascript отключен, пользователи не будут видеть кнопку. – Reigel

+0

Простое решение, легко реализуемое. Да, это все испортило в IE6 с выключенным JS, но, откровенно говоря, это просто сложно. Если честно, если исходная проблема влияет только на IE6 и исправляется после загрузки страницы, я бы просто оставил ее как есть. Оно работает. Хорошо, так что это не выглядит красиво, но вы используете IE6; что вы ожидаете?? – Spudley

Смежные вопросы