2011-01-31 3 views
1

いくつかのjQueryのAjaxタブがあり、タブの1つにdiv、jQuery、CSSファイルへのリンクを含むリンクが開きます。div内のCSSは、マウスポインタがIE7の位置を変更した場合にのみ適用されます

<link type="text/css" rel="stylesheet" href="url_to_css"></link> 
<div> 
... some code here 
</div> 
<script type="text/javascript" src="url_to_javascript"></script> 

IE7を除くすべてのブラウザではCSSが即座に適用されますが、IE7ではマウスポインタが移動したときにのみ適用されます。

私は、同じリンク上の問題を持っていた親のdiv(CSSをロードする必要があるdiv要素が開かれる前にロードされています1)

+0

だから...あ...あなたはそれを固定しましたか? – Spudley

+0

「問題がありましたが、質問を入力する前に修正しました」 – thirtydot

+0

ええ、申し訳ありませんが、私は質問を投稿していたときにいくつかのブラウザの問題を抱えていましたが、質問の一部のみがセッションに保存されました:) – eagerMoose

答えて

1

でCSSをロードすることによってそれを修正。

現時点では、linkタグをロードするときにheadタグにタグを移動しています。

だから:

  1. OnLoadingTheNewTab
  2. headタグ内linkタグを入れて、すべてのlinkタグ
  3. を取得します。
  4. は、タブのすべての変更に$.data(link, 'dynamic', true);

の参照を追加し、あなたはhead内のすべてのあなたのlinkのタグを通過し、彼らは動的にロードどこにいるかどうかを確認することができます。その場合は、タブがアンロードされたため、再度削除してください。

私にとってかなりうまくいくと思われます。

+0

うーん、それでも回避策です。この問題の原因がわかっていますか? – eagerMoose

+1

@eagerMoose:IE7はこのインラインリンクをサポートしていません。それはロードの瞬間に見つけることができるすべてのリンクをロードするだけなので。その後、それが行われます。 [私自身の質問](http://stackoverflow.com/questions/4759791/jquery-ajax-not-adding-link-in-head-tags-in-ie)を参照してください。 – Marnix

+0

ありがとう、これは非常に役に立ちます – eagerMoose

関連する問題