2012-04-25 12 views
0

私が知っているブラウザーでこれまでに見たことのない問題が発生しました。このページで - http://weresayingido.com/register - IEではラベルとヘルプテキストが正常に表示されません。ただし、次のコードを使用してDatepickerをすばやく点滅させると、すべてのテキストが正常にレンダリングされます。IE 7のバグとjQueryのDatepicker

// IE detection hackery 
if ('\v' == 'v') { 
    // Flash the Datepicker UI 
    $('input[name="date"]').focus(); 
    $('input[name="date"]').blur(); 
    setTimeout("$('body').mousedown()", 1); 
} 

(はい、setTimeoutをする必要がある、そうでない場合は日付ピッカーブロックがちょうどそこにとどまる。いいえ、それはなぜ私にはわからないが、私は知っているのが大好きだ。)

これがあることを考えます確かにちょっとハックなハックで、私はなぜこれが起こるか、このトリッキーを使わずに、特にCSS/HTMLだけを使用して複製することができるのだろうかと思います。誰もがこれらの答えを知っているのですか?

tl; dr:何かjQuery UI Datepickerがやっていることは、そうでなければそうでないIEを目に見えるように表示することです。 CSS/HTMLだけでこれを修正できますか?ハック日付ピッカーなしでレンダリングされたhttp://weresayingido.com/register

  • ページ:

    関連リンク:

  • 答えて

    1

    IE7はvisibilityを好きではない、としません考慮してbody本当の要素です。

    あなたのページを目に見えるようにしてください(JavaScript以外の不幸なユーザーにとってはより良い方法です)。あなたが絶対に必要な場合は、あなたのstyle.cssにbody {display: none;}を使用し、script.jsで$('body').show()を介して目に見えるようにします。離れてvisibilityから離れる。

    乾杯。

    +0

    私はその「可視性」ビットを私のコンテンツ要素に入れ替えました。それはちょうどうまく動いているようです - 明らかに、それはちょうど身体をむかつくものを扱います。また、JS以外のビットを指摘してくれてありがとう - 実際にJSがオンになっていないので、実際にはそれほど心配していませんでしたか?しかし、おそらくFOUCには誰でもそれを使用できるようにする価値があります。しかし、なぜDatepickerのものが可視性の問題を修正していたのか、まだそれを取得していない。 –

    +0

    わかりませんが、datepickerはbody要素をリフレッシュします(リフレッシュを強制する追加のクラスを追加します)。とにかく、それを聞くのは良い作品です! – Seabass

    関連する問題