2012-08-24 3 views
0

모든 div와 CSS가있는 HTML 페이지가 있는데,이 페이지는 jQuery 대화 상자를 통해 ASPX 페이지에 표시됩니다. CSS를 ASPX 페이지와 HTML 페이지에 적용했지만 CSS는 아직 적용되지 않았습니다.jQuery 대화 상자에서 열리는 HTML 페이지에 CSS를 적용하는 방법은 무엇입니까?

나는 다음과 같은 코드가 있습니다

<script type="text/javascript"> 

    $(function() { 
     $('#Dialog').dialog({ 
      autoOpen: false, width: 800, height: 600, modal: true    
     }); 
    }); 


    $('.mosaic-overlay').live('click', function (e) { 
     var url = $(this).attr('href'); 

     alert(url); 

     $('#Dialog').html('').dialog('open').load(url); 

     //  .load(url); 
     e.preventDefault(); 
    }); 
</script> 

가 어떻게 동적으로 내 HTML 페이지에 CSS를 적용 할 수 있습니까?

답변

0

이미 페이지에 CSS가로드되어있을 수 있습니다.
load을 호출하면 내용이로드되고이를 요소의 innerHtml로 설정합니다. 페이지의 모든 CSS 규칙이 적용됩니다.

또는 필요한 CSS는 URL에서로드하는 HTML의 일부일 수 있습니다.
이러한 CSS 규칙은 콘텐츠가 표시되기 전에 만들어지고 적용됩니다. 이 방법은 이미 페이지에 CSS가있는 것보다 느립니다.

+0

을하지만 열 때 여전히 CSS를 사용하여 페이지를로드 나던 jquery 대화 상자. – CPM

0

동적으로 CSS를 설정하려면, JQuery와는 CSS의 방법이있다 - 여기에서 볼 ... 내가 HTML 페이지의 헤더에 스타일 시트를 추가하려고

http://api.jquery.com/css/

관련 문제