일부 javascript 파일의 src를 동적으로 변경합니다.

Question

멋진 스타일 웨어처에서 작업하고 있지만 통과 할 수없는 문제는 스타일 시트뿐만 아니라 js 파일도 변경하는 것입니다. 내 템플릿의 전체 스타일은 하나의 CSS 파일과 더 많은 js 파일에 포함되어 있습니다 (CSS 파일에 모든 내용이 포함되어 있지 않은 이유를 묻기 전에 필자가 원하는대로 잘 작동하지 못하기 때문에).

div를 클릭하면 스타일 시트와 일부 javascript의 src가 변경됩니다. 스타일 시트의 변화하는 부분을 할 수는 있지만 html로 js 파일을 사용하여 동일한 작업을 수행하는 방법을 모릅니다. exemple 들어

: 은 ".color 오렌지"의 클릭에 이러한 변경 DIV :

다음으로

<link rel="stylesheet" type="text/css" href="css/style.css" title="default"/> 
<script src="js/global.js"></script> 
<script src="js/exemple.js"></script> 

:

<link rel="alternate stylesheet" href="css/style-orange.css" type="text/css" title="orange"> 
<script src="js/global-orange.js"></script> 
<script src="js/exemple-orange.js"></script> 

코드를, 내가 사용하고 있습니다 :

<li><a href="/" onclick="setActiveStyleSheet('default'); return false;"><div class="color-default"></div></a></li> 
<li><a href="/" onclick="setActiveStyleSheet('orange'); return false;"><div class="color-orange"></div></a></li> 

미리 감사드립니다. 나는 어떤 제안이든 열려 있습니다.

Answer 1

기본적으로 jQuery의 기본 사용은 처음에는 각 태그의 이름을 id (기본 및 주황색)로 지정한 다음 jQuery 함수를 만들었습니다. 링크 중 하나를 클릭하면 href가 메서드를 사용하여 변경됩니다. attr().

<li><a href="#" id="default"><div class="color-default"></div></a></li> 
<li><a href="#" id="orange"><div class="color-orange"></div></a></li> 

$('#default').click(function({ 
$("link").attr({ 
    href: "/default.css", 
}); 
}); 

$('#orange').click(function({ 
$("link").attr({ 
    href: "/orange.css", 
}); 
});