2009-08-10 10 views
1

丸いコーナーのdivを読み込むページがあります。そして、各部門(すべての内部部門を含む、この部門内のスパンを含む)で、私はそれらに関連する多くのイベントを呼び出します。今私が直面している問題は、読み込み時間です。私たちは、メインのdivにマウスを重ねると、 "準備完了"機能とイベントの残りの部分を最初に丸めたコーナーのスクリプトをロードする方法はありますか?私の積み込み時間を短縮するどんなアプローチでも大きな助けになるでしょう!jQueryでプログラムでイベントを発生させるには?

例:

$(function(){ 
    $('.inner').corner({ 
     tl: { radius: 6 }, 
     tr: { radius: 6 }, 
     bl: { radius: 6 }, 
     br: { radius: 6 } 
    }); 

    // loadDivEvents() in this we call the rest of the events upon 
    // mouseover or any other event without multiple calls 

}); 

function loadDivEvents(){ 
    //this may have many events/ajax calls 
} 
+1

いくつかのコード例を載せることができますか? –

答えて

0

divの代わりに画像を使ってこの問題を解決しました。私はそれがこれを解決する最善の方法であることが分かった。

0

私が求めることができる場合は、ロード時間と実際の問題は何ですか?

ページが最初にロードされるとき、イベント関連の関数はページ内の要素に結びついているだけで、イベントが発生したときにイベント関連の関数が実行されます。だから私は本当にあなたのページの読み込み時間に影響を与えるか分からない。

あなたのページの読み込み時間に影響を及ぼすことが、ページ読み込み時に一度に1つずつ関連付けようとしている、何トンものイベント関連の機能を持つことです。

たとえば、10個のリストがあり、各リストに10個のリストアイテムがある場合、ホバー上でリストアイテムのいずれかが緑色に変わるようにしたいと思います。これらの100個のイベントを別々に定義するjavascriptがあれば私のオーバーヘッドに課税するかもしれない

しかし!

ページの読み込み後にこれらのイベントのバインディングを移動し、メインのdiv(またはウィンドウ、またはほとんど常に次に発生するイベント)の上に最初にマウスを置いたときにこれが発生すると、オーバーヘッドがただちに取得されますTHATイベントに渡されました。ページが読み込まれましたが、イベントが処理されている間は固定されました。私のユーザはスクロールダウンできないので本当にうんざりです。問題が十分に悪い場合は、ページを閉じたり別のウィンドウに切り替えることができません。彼はあなたのページに行くときにいつも起こるこのランダムなフリーズです。

ページの読み込みに問題がある場合は、冗長性や不要な機能が実行されているかどうかを調べる方がよい場合があります。上記の例では、単純に「リスト項目がマウスオーバーしたときに紫色に変わる」と言いましたが、これは100の対比です。あるいは、100バインディングのそれぞれが実際に何かをするのは間違いですチェックリストの値をチェックするのと同じように)、実際にはページロード中ではなく、トリガーするイベントの後に行う必要があります。それは、私がページロード中に一度起こることさえも意味しなかった100台の屋台です。

+0

ええ、あなたは正しいです...ページの負荷が主に "実行中の冗長性または不要な機能"に依存していると言ったように。私はコードを最適化しようとしました。主要な読み込み時間は、私が使用している角の丸いスクリプトのためです。しかし、私はちょうどこれのような何かをする方法があるかどうかを知りたがっています(準備が整った機能ではほとんどイベントがなく、特定のdivにホバーするとイベントの残りの部分が残ります)。とにかくあなたの答えに感謝します。 – kayteen

+0

私はそれがまったく助けになるかどうか分かりませんが、スクリプトの2つの部分をモジュール化しようとしましたか? 1つのjsファイルの曲がったコーナーと別のjsファイルのイベント?あなたは運があるかもしれないかもしれないかどうかを見てみましょう他の前に1つ入れて?どのコーナースクリプトを使用していますか?私は1年以上前からコーナーで酸っぱい運があった。 CSS(-moz-border-radius)を使用して丸いコーナーを実行しようとしましたが、ページがうまく読み込まれていることを確認しています。 – Anthony

+0

私はモジュール化を試みました...しかし、それはまだ同じです。 「CSS(-moz-border-radius)で丸いコーナー」になるのは、Mozillaでのみ動作します...それはIEでそれを動作させる方法はありますか? は、今私はhttp://blue-anvil.com/archives/anti-aliased-rounded-corners-with-jquery、これを使用してい このスクリプトは私のために多くの時間を要します。 – kayteen