2012-12-05 48 views
7

Đây là câu hỏi tổng số n00b. Tôi đang cố gắng sử dụng giao diện người dùng JQuery và có vẻ như CSS JQuery không tạo ra bất kỳ sự khác biệt nào trong tệp HTML của tôi.cách áp dụng chủ đề giao diện người dùng jQuery?

Dưới đây là các bước mà tôi mất: 1) chọn ra một chủ đề và bao gồm một liên kết đến nó (Tôi đã thử cả hai từ xa và địa phương)

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

2) thiết lập một lớp học cho một nút để sử dụng chủ đề:

<button class="ui-button" id='button 1'>hello world</button> 

Tại thời điểm này, tôi nghĩ rằng đó là tất cả những gì cần thiết. Tôi đọc qua một số hướng dẫn và tất cả đều giả định rằng tất cả các chủ đề làm việc ra khỏi hộp và tập trung chủ yếu vào việc tinh chỉnh chúng.

Số tiền tối thiểu để bắt đầu là gì?

cuối cùng tài liệu HTML:

<!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> 
+2

Hình như bạn quên bao gồm jQuery UI riêng của mình. – j08691

Trả lời

5

Bạn đã nạp kịch bản jQuery, nhưng không phải là kịch bản jQuery-UI. (JQuery-UI đòi hỏi cả một CSS và một file JS, ngoài jQuery riêng của mình.)

Thay đổi <script> thẻ của bạn như sau:

<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> 
+4

Tôi sẽ thêm một cái gì đó để tiết kiệm một số người đau đớn vài giờ mà tôi lãng phí về điều này. Nếu trang của bạn được phân phối qua https, điều này sẽ không hoạt động âm thầm. Sử dụng src = "// ajax.googleapis.com" an toàn hơn nếu không có http. –

Các vấn đề liên quan