Question

html의 div 태그에서 jquery를 사용하여 스타일 시트를 어떻게 변경합니까? 또는 스타일 시트를 변경하기위한 jquery 코드는 무엇입니까? JQuery와 방법이

<script type="text/javascript"> 
function changeStyle() { 
document.getElementById('stylesheet').href = 'design4.css'; 
} 
</script> 

있습니까 : 자바 스크립트

, 우리는 아래의 코드를 사용?

Answer 1

전체 테마를 업데이트하려면 새 CSS 파일을로드하는 것이 가장 좋습니다. 가장 쉬운 서버 측에서 수행하지만 당신은 동적으로로드를 주장하는 경우 :

// Don't know jQuery, this is regular JS: 
var newCss = document.createElement('link'); 

newCss.rel = 'stylesheet'; 
newCss.type = 'text/css'; 
newCss.href = '/path/to/new/cssfile.css'; 

document.body.appendChild(newCss); 

Answer 2

document.getElementById('stylesheet').href = 'design4.css'; 

는 jQuery를 사용하여 :

$("#styleshhet").attr('href', 'design4.css'); 

Answer 3

가 당신이 요구하는지 무엇을 더 나은 방법이 있지만, 당신이 정말로 원하는 경우 jQuery로 원격 스타일 시트를 제거하고 추가하는 당신은이 작업을 수행 할 수 있습니다

$('link[href^=old_css_file.css]').attr('href', '/path_to_new_css/file.css'); 

이 ^= attribute selector에 대한 자세한 내용 그리고 여기 attr() function

Answer 4

How to load up CSS files using Javascript?

잘 작동 비슷한, JQuery와

나는 페이지를 기반으로 스타일 시트를 사용하거나 사용하지 않도록 설정하려면이 코드를 사용

Answer 5

와로드 CSS입니다.

$(document).on('pagebeforeshow', function() { 
     var URL = $.mobile.path.parseUrl(window.location).toString().toLowerCase(); 

     if (URL.indexOf("/investment.aspx") > -1 || 
      URL.indexOf("/employees.aspx") > -1) { 
      $("link[href^='../../Public/LongLabels.css']").attr("media", "all"); 
     } 
     else { 
      $("link[href^='../../Public/LongLabels.css']").attr("media", "not all"); 
     } 
    });