jQuery UI teması nasıl uygulanır?

Bu, toplam bir n00b sorusudur. JQuery UI kullanarak deniyorum ve JQuery CSS benim HTML dosyasında herhangi bir fark yaratıyor gibi görünmüyor. 1) bir tema seçtim ve onunla bir bağlantı (ıjQuery UI teması nasıl uygulanır?

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

2) bir düğmeye için bir sınıf kurdu) uzak ve yerel hem çalıştı dahil: Burada

Çektiğim adımlardır temayı kullanın: Bu noktada, bu kadar zaman alacağını düşündüm. Bazı öğreticiler aracılığıyla okudum ve hepsi tüm temaların kutunun dışında çalıştığını ve esas olarak onları düzeltmeye odaklandığını varsayarlar.

Başlamak için en az neye sahip?

Final HTML belgesi: Sen jQuery UI komut jQuery komut dosyası yüklü değil ettik

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

kaynak

2012-12-05 mikebz

görünüyor. – j08691

. (JQuery UI jQuery kendisine ek bir CSS ve JS dosyası, hem gerektirir.)

bu şekilde <script> etiketlerini değiştirme

: jQuery UI kendisi dahil etmek unutmuşum gibi

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

kaynak

2012-12-05 20:48:34 Blazemonger

Birisine, bunu boşa harcadığım acı verici birkaç saati kurtarmak için bir şey ekleyeceğim. Sayfanız https üzerinden sunulduğunda, bu sessizce başarısız olur. Http olmadan src = "// ajax.googleapis.com" vb. Kullanmak daha güvenlidir. –

jQuery UI teması nasıl uygulanır?

cevap

İlgili konular