0

私が取り組んでいるウェブサイトに関して2つの質問...

私のウェブサイト: http://thendesign.com/new/type.html (すべてを読み込んでいないので、画像リンクの一部が存在しないことはわかっています)

  1. ページが更新されると、ページが読み込まれる前にコードの構造が途切れます。すべての .css ファイルと .js ファイルを結合しようとしたため、1 つのファイルのみを取得しましたが、何の役にも立ちませんでした。他にできることはありますか？

  2. 私が行った css ドロップダウンが気に入っていますが、Internet Explorer ではまったく機能しません。この概念を完全に捨てて、jQuery で何かをする必要がありますか? 私が試した jQuery は、インデックス ページのアコーディオン イメージ スライダーと競合します (インデックス ページに移動するには、左上のロゴをクリックします)。

優れたjQueryドロップダウンに関する提案、またはドロップダウンをIEで機能させるために必要なこと（透明な背景が問題であることを知っています-受け入れられた場所では透明ですが、IEではしっかりしているようにできますか??)

よろしくお願いいたします。

4

1 に答える 1

0

ブリップの理由は、「domenabled」クラスが によって本体に追加されるまで、これらすべての要素を非表示にしないためですul2finder。これはwindow.onloadハンドラーで行われるため、ページが最初にレンダリングされるまで発生しません。そこで行う代わりに、そのチェックをインライン JavaScript の本体に入れtype.htmlます。その後、ボディの残りの部分がレンダリングされる前に有効になります。

更新: タグの直後に<body>、次を追加します。

<script type="text/javascript">
if(document.getElementById && document.createTextNode && document.getElementById('finder')) {
    // add the class domenabled to the body
    cssjs('add',document.body,'domenabled');
}
</script>

更新 2:

これは正しくありません。domenabledクラスは、物事が隠される原因ではありません。finder.jsコメントにはループがあります：

// loop through all lists inside finder, position and hide them 
// by applying the class hidden

これがこれらすべての要素を隠しているものです。そして、これはページが読み込まれるまで実行されません。

CSS ドロップダウンについてはわかりませんが、Modernizr が役立つ可能性があります。

于 2012-10-26T20:09:48.583 に答える