2012-08-22 9 views
15

यह एक मूर्खतापूर्ण सवाल लगता है, लेकिन सिर्फ बूटस्ट्रैप मिला है और यह does not एक बटन के लिए एक जावास्क्रिप्ट कॉलबैक जोड़ने के बारे में वेबसाइट पर किसी भी उदाहरण देता है ...बूटस्ट्रैप onClick बटन घटना

मेरी बटन एक आईडी ध्वज स्थापित करने की कोशिश की और फिर

<div class="btn-group"> 
    <button id="rectButton" class="btn">Rectangle</button> 
    <button class="btn">Circle</button> 
    <button class="btn">Triangle</button> 
    <button class="btn">Line</button> 
    <button class="btn">Curve</button> 
    <button class="btn">Pic</button> 
    <button class="btn">Text</button> 
    <button class="btn">Gradient</button> 
</div> 

मैं आयत बटन को एक कॉलबैक जोड़ना चाहते हैं ...

$('#rectButton').on('show', function (e) { 
    //ACTION 
}) 

नहीं कर सकते बूटस्ट्रैप कॉलबैक की बात मिलता है।

वेब पर मुझे जो भी मिल सकता है वह रेल + बूटस्ट्रैप के लिए उन्मुख है ... केवल बूटस्ट्रैप और जेएस नहीं है।

+0

क्या आप अपने बटन के लिए एचटीएमएल कोड भी शामिल करते हैं? – surjikal

उत्तर

40

js में कोई show घटना नहीं है - या तो आप click घटना के लिए अपने बटन बाध्य करने के लिए की जरूरत है:

$('#id').on('click', function (e) { 

    //your awesome code here 

}) 

मन है कि यदि आपके बटन एक form अंदर है, आप करने के लिए पूरे प्रपत्र बाध्य करने के लिए पसंद कर सकते हैं submit घटना।

+0

अभी भी काम नहीं कर रहा है .. मेरे पास यह बटन है: <बटन id = "rectButton" class = "btn"> आयताकार एक बीटीएन-समूह के अंदर और कोड $ ('# rectButton') है। ('क्लिक', फ़ंक्शन (ई) {// मेरा कोड}); – JuanCB

+1

बस अपना नवीनतम कोड कॉपी करें, पूरी तरह से काम कर रहे हैं [यहां] (http://jsfiddle.net/JUfBv/)। वैसे भी बूटस्ट्रैप बस प्रस्तुति के बारे में है, जेएस के साथ कुछ भी नहीं [कुछ छोटे वैकल्पिक प्लगइन के अलावा]। – moonwave99

+0

मेरे लिए काम नहीं कर रहा है ... मुझे नहीं पता कि मैं क्या खो रहा हूं ... क्या मुझे कुछ और शामिल करना है? – JuanCB