2011-01-31 6 views
1

일부 jQuery 아약스 탭이 있으며 탭 중 하나에서 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 전에 장전 것)

+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

관련 문제