코드는 jsfiddle에서 작동하지만 내 사이트에는 없습니다

여기 CSS, 자바 스크립트 및 HTML의 jsfiddle 섹션이 3 개 있으므로 CSS 코드를 여기에 놓고 HTML을 여기에 놓고 Javascript를 놓을 수있는 3 개의 섹션이있는 HTML 파일을 가져야합니다. 이리. 그것은 아직 작동하지 않습니다하지만 현재 나는 쉬운 일이 그것을 자동화 할 수처럼 아무 생각없이 할, 또는 할 수 않는 것 같이 보인다코드는 jsfiddle에서 작동하지만 내 사이트에는 없습니다

<html> 
<head> 
<title>Some Title</title> 
<style type="text/css" media="screen"> 

<!-- CSS Section From JSfiddle Goes Here --> 

</style> 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js">   </script> 
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script> 
<script type="text/javascript"> 
$(document).ready(function() { 

// Javascript Section From JSfiddle Goes Here 

}); 
</script> 
</head> 
<body> 

<!-- HTML Section From JSfiddle Goes Here --> 

</body> 
</html>

있나요? 많은 사람들이 JSfiddle에서 예제를 찾고있는 것처럼 보입니다. 우리와 공유하지 않는 JSfiddle에서 진행되는 마법이 있기 때문에 도움이되지 않습니다.

출처

2012-10-17 user1532576

jsfiddle에서 직접 붙여 넣는 경우 코드를 정리하고 보이지 않는 특수 문자를 제거해야합니다. http://stackoverflow.com/q/12719859/825789 – bfavaretto

은 jquery-ui의 스크립트 태그보다'https :'가 누락 되었습니까? – zoli

@ zoli nope - http://stackoverflow.com/q/4978235/1499781 –

매우 쉽게 할 수 있습니다. 귀하의 바이올린을 저장하고 공유 버튼을 클릭하십시오. 전체 화면 편집 URL을 가져 와서 새 탭에 붙여 넣으십시오. 예제가있는 메인 영역을 마우스 오른쪽 버튼으로 클릭하고 소스를 봅니다. 그것을 저장하면 작업 복사본이 있습니다.

출처

2012-10-17 20:19:52 j08691

감사합니다. 그것은 완벽하게 작동했습니다. – user1532576

그건 나를 위해 (크롬 사용) 작동하지 않았다. 내 코드가 iframe 내부에서 동적으로 추가되었으며 소스보기가 표시되지 않았습니다 (DOM 검사). – bfavaretto

크롬을 사용하고 있었고 JSfiddle의 출력 프레임에서와 똑같이 작동했습니다. – user1532576

코드는 jsfiddle에서 작동하지만 내 사이트에는 없습니다

답변

관련 문제