2011-04-02 17 views
-1

私は自分のサイトでこのヘッダーを使用しています。たとえばjQueryとプラグインの順序の問題

<head> 
    <script type="text/javascript" src="libs/jquery.js"></script> 
    <script type="text/javascript" src="libs/jquery.jscrollpane.min.js"></script> 
    <script type="text/javascript" src="libs/config.js"></script> 
    <script type="text/javascript" src="libs/jquery.fancybox-1.3.4.js"></script> 
    <script type="text/javascript" src="libs/jquery.easing-1.3.pack.js"></script> 
    <script type="text/javascript" src="jwplayer/jwplayer.js"></script> 
    <script type="text/javascript" src="libs/swfobject.js"></script> 
</head> 

jscrollpaneプラグインのロードをすべての画像をロードした後。サイトには非常に多くの画像があり、画像の後にプラグインが読み込まれるため、Internet Explorerで非常に見苦しいものを作成します。 $(window).load()は問題を解決しません。 この問題の解決策はありますか?
ありがとうございます。

EDIT:画像はjsの前に読み込まれます。サイトには多くの画像があり、画像の読み込み後にはプラグインの効果が見えます。そして、これは悪い見た目のケースです。

+2

どのような問題がありますか? *「IEでバットに見える」* –

+0

はプラグインが画像の後にロードされ、読み込み時にスクロールペインが表示されないため、わかりません。 – utopia

答えて

1

This article - 基本的な考え方は、コンテンツが完全に読み込まれてスタイル設定されるまで、ページの表示を非表示にすることです。非常に時間がかかる場合は、ページに2つのメインdivを作成することを検討することができます.1つはコンテンツ用、もう1つはスピナー用です。コンテンツdivを非表示にしてスピナーを表示すると、ページが読み込まれていて、 。

すべての準備が整ったら、コールバックメソッドを使用してページを再表示できます。おそらく$(window).load()イベントが便利になったり、使用しているjQueryプラグインが準備が整っていることを示すコールバックを提供している場合は、そのプラグインを使用する方が良いかもしれません。

編集

jScrollPaneは、要素が初期化されているとき、あなたは知ることができますjsp-initialisedイベントがあります。これを使用して、ページの内容をいつ再表示するかを特定します。

関連する問題