jQuery를, 인라인 스타일 태그

좀 CSS + 자바 스크립트에 문제가있어 편집. 당신은 내가 이런 식으로 뭔가의 코드가 포함 된 웹 페이지를로드 iframe이 존재하는 WYSIWYG 웹 페이지 스타일 편집기의 어떤 종류를 만들기 위해 노력하고있어 참조하십시오.jQuery를, 인라인 스타일 태그

<head> 
<style id=mystyle> 
    /* something is here */ 
</style> 
</head> 
<body> 
    <h1>Other, quite a lot autogenerated stuff along with javascript that add some interactivity.</h1> 
</body>

이제 페이지에 실시간으로 반영되도록 #mystyle의 내용을 수정해야합니다. 다음 이전을 삭제

$(#mystyle).html(newcss);
$(#mystyle).replaceWith("<style id='mystyle'>"+newcss+"</style>")
$(#mystyle).after("the newcss along with style tag") : jQuery를 사용하여, 내가 좋아하는 몇 가지 기술을 사용하여 그렇게하려고 노력했다.
$(#mystyle).delete() // 단지 일어날 것을 볼 수 있습니다.

위의 모든는 웹 페이지의 모양을 변경하지 못한다. 사실, 태그 (4) 삭제, 추한 페이지를 설정하고 나는 HTML 변화가하는 "요소 검사"사용 검사를했지만 외관은하지 않았다. 그래서 .... 내가 뭘 잘못 했니?

출처

2012-05-15 asdacap

이 jsfiddle.net – Dhiraj

을 사용하면 html 잘 작동하는 것 같습니다. 참조 :

http://jsfiddle.net/tGSkS/

출처

2012-05-15 18:31:32 mkoryak

에 샘플 우리를 도와 대해 그것은이 작업을 수행 밝혀 방법하지만, CSS는 우선 순위가 다소 잘못 이잖아 그것을 미리 볼 수 없습니다 이유를 알아낼 수없는 이유하지만, 대신 새 CSS로 다시로드하면 괜찮아 보였다. 주위에 도청해서 죄송합니다. – asdacap

갱신 : 사실 우선 순위도 정확합니다. 문제는이 모든 혼란을 일으키는 오래된 CSS를로드하는 웹 페이지에 또 다른 링크 태그가 있다는 것입니다. 나는이 일에 대해 대단히 유감스럽게 느낀다. 그런 작은 실수 시간이 없어졌습니다. – asdacap

는 페이지로드에 스타일을 원하는 특정 요소가있는 경우, 당신은 할 수있는

$(function(){ 

    $('element-selector').css({ 
    style1:'value', 
    style2:'value', 
    style2:'value', 
    }); 

});

또는 서버에

가 조건부 렌더링 또는 동적으로 스타일 시트를 구축 다음과 같습니다.

출처

2012-05-15 18:02:15

jQuery를, 인라인 스타일 태그

답변

관련 문제