एक jQuery यूआई विषय कैसे लागू करें?

यह कुल एन 00 बी सवाल है। मैं JQuery UI का उपयोग करके कोशिश कर रहा हूं और ऐसा लगता है कि JQuery CSS मेरी HTML फ़ाइल में कोई फर्क नहीं पड़ता है। 1) एक विषय बाहर उठाया और इसे करने के लिए एक लिंक (मैं दोनों दूरस्थ और स्थानीय)एक jQuery यूआई विषय कैसे लागू करें?

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

2) के लिए एक बटन के लिए एक वर्ग की स्थापना की कोशिश की शामिल हैं:

ये कदम उठाएँ कि मैं ले लिया हैं विषय का उपयोग करें:

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

इस समय मैंने सोचा कि यह सब कुछ ले जाएगा। मैंने कुछ ट्यूटोरियल्स के माध्यम से पढ़ा है और वे सभी मानते हैं कि सभी थीम बॉक्स से बाहर काम करती हैं और मुख्य रूप से उन्हें ट्वीव करने पर ध्यान केंद्रित करती हैं।

आरंभ करने के लिए न्यूनतम क्या है?

अंतिम 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>

स्रोत

2012-12-05 mikebz

ऐसा लगता है कि jQuery यूआई ही शामिल करने के लिए भूल गया था। – j08691

आप jQuery स्क्रिप्ट लोड किया है, लेकिन नहीं jQuery-यूआई स्क्रिप्ट। (JQuery-यूआई दोनों एक सीएसएस और एक जे एस फ़ाइल, jQuery खुद के अलावा की आवश्यकता है।)

इस के लिए अपने <script> टैग बदलें:

<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 यूआई विषय कैसे लागू करें?

उत्तर

संबंधित मुद्दे