jQuery UI 테마를 적용하는 방법은 무엇입니까?

총 n00b 문제입니다. 나는 JQuery UI를 사용하려고 노력하고 있는데, JQuery CSS가 HTML 파일에 어떤 변화를주고있는 것 같지 않다. 1) 테마를 골라과 이용에 대한 링크를 (내가jQuery UI 테마를 적용하는 방법은 무엇입니까?

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" >

2) 버튼에 대한 클래스를 설정) 원격 및 로컬 모두 시도 포함 : 여기

내가 수행 한 단계입니다 주제를 사용하십시오 :

이 시점에서 나는 그게 전부라고 생각했습니다. 나는 몇몇 자습서를 통해 읽고 그들은 모든 주제가 상자에서 일하고 주로 조정에 집중한다고 가정합니다.

시작하려면 무엇이 최소인가요?

최종 HTML 문서 : 당신은 jQuery를 - UI 스크립트를 jQuery를 스크립트를로드,하지만 한

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <title>jQuery demo</title> 

    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/ui-darkness/jquery-ui.css" type="text/css" rel="stylesheet" > 

    <style> 
     a.test { font-weight: bold; } 
    </style> 

</head> 
<body> 
<a href="http://jquery.com/">jQuery</a> 
<button class="ui-button" id='button 1'>hello world</button> 

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 
<script> 
    $(document).ready(function(){ 
    }); 
</script> 
</body> 
</html>

출처

2012-12-05 mikebz

보인다. – j08691

. (jQuery를-UI는 jQuery를 자체 이외에 CSS와 JS 파일을 모두 필요로한다.)

이에 <script> 태그를 변경

: 당신이 jQuery를 UI 자체를 포함하는 것을 잊었다처럼

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
<script> 
    $(document).ready(function(){ 
}); 
</script>

출처

2012-12-05 20:48:34 Blazemonger

나는 이것을 낭비하는 고통스러운 몇 시간을 누군가 구하기 위해 뭔가를 추가 할 것이다. 귀하의 페이지가 https를 통해 게재된다면이 메시지는 자동으로 실패합니다. http없이 src = "// ajax.googleapis.com"등을 사용하는 것이 더 안전합니다. –

jQuery UI 테마를 적용하는 방법은 무엇입니까?

답변

관련 문제