2013-10-29 9 views
9

मैं Bootstrap 2.3.2 का उपयोग कर रहा हूं और मुझे काम करने के लिए radio buttons नहीं मिल रहा है। मैं बूटस्ट्रैप की वेबसाइट से कोड का उपयोग कर रहा हूं:बूटस्ट्रैप रेडियो बटन का उपयोग कैसे करें?

<div class="btn-group" data-toggle="buttons-radio"> 
    <button type="button" class="btn btn-primary">Left</button> 
    <button type="button" class="btn btn-primary">Middle</button> 
    <button type="button" class="btn btn-primary">Right</button> 
</div> 

मुझे यहां से क्या करने की आवश्यकता है? इसके साथ मुझे 3 बटन मिलते हैं, लेकिन उन्हें क्लिक करने से उन्हें सक्रिय नहीं किया जाता है और ऐसा लगता है कि उन्हें क्लिक नहीं किया गया है।

संपादित करें:

अगर मैं ऐसा तरह जे एस में बटन को प्रारंभ:

$('.btn-group').button();

यह मार्कअप समूह के लिए उत्पन्न होता है:

<div class="btn-group ui-button ui-widget ui-state-default ui-corner-all 
      ui-button-text-only" data-toggle="buttons-checkbox" 
      role="button" aria-disabled="false"> 
    <span class="ui-button-text"> 
     <button type="button" class="btn btn-primary">Left</button> 
     <button type="button" class="btn btn-primary">Middle</button> 
     <button type="button" class="btn btn-primary">Right</button> 
    </span> 
</div> 

बूटस्ट्रैप पर इस की तुलना में वेबसाइट:

<div class="btn-group" data-toggle="buttons-radio"> 
    <button type="button" class="btn btn-primary">Left</button> 
    <button type="button" class="btn btn-primary">Middle</button> 
    <button type="button" class="btn btn-primary active">Right</button> 
</div> 

यह सुनिश्चित नहीं है कि यह यहां अलग क्यों काम कर रहा है।

+0

क्या आपने कार्यक्षमता का समर्थन करने के लिए आवश्यक जावास्क्रिप्ट फ़ाइलें शामिल की हैं? –

+0

@StevenV हां, मैंने boostrap.js को शामिल किया है और यह सभी घटकों के लिए सभी जेएस दिखता है। क्या मुझे जेएस में उन्हें प्रारंभ करने की ज़रूरत है? क्योंकि अभी मेरे पास सब कुछ है जो ऊपर है। – sbonkosky

+0

हां। कार्यक्षमता शुरू करने के लिए आपको '$ ('। Btn-group')। बटन()' का उपयोग करने की आवश्यकता है। –

उत्तर

7

Bootstrap 2.3.2 doc में देख रहे हैं (उपयोग अनुभाग देखें), तो आप अपने बटन प्रारंभ करने की आवश्यकता:

$('.btn-group').button(); 

Working example based on your code

+4

यह आवश्यक नहीं है। इसे अपने बेवकूफ से हटाने का प्रयास करें और आप पाएंगे कि यह सब सीएसएस द्वारा संभाला जाता है और इसमें शामिल है। मेरा मानना ​​है कि ओपी में कुछ फाइलें सही तरीके से शामिल नहीं हो सकती हैं क्योंकि नीचे दिए गए पोस्टर का उल्लेख है। – jezzipin

+1

काम करने वाले पहेली के साथ अच्छा उदाहरण, + 1 – SpringLearner

0
<div class="radio"> 
<label> 
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked> 
Option one is this and that&mdash;be sure to include why it's great 
</label> 
</div> 

सही वर्ग के नाम incluse और शीर्षक में स्टाइलशीट संलग्न करने के लिए सुनिश्चित करें

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