2012-11-22 12 views
15

मैं Google क्रोम का उपयोग कर रहा हूं।
Twitter Bootstrap का उपयोग करके, मैं एक साधारण चेतावनी जोड़ना चाहता हूं, दुर्भाग्य से alert एक्स दबाए जाने पर खारिज नहीं हो रहा है!ट्विटर बूटस्ट्रैप का उपयोग कर खारिज अलर्ट काम नहीं कर रहा है?

यहाँ alert प्रलेखन के आधार पर मेरे कोड है:

<!DOCTYPE html> 
<html> 
    <head> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
    <!-- Bootstrap --> 
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body>  
    <div class="alert"> 
     <button type="button" class="close" data-dismiss="alert">×</button> 
     <strong>Warning!</strong> Best check yo self, you're not looking too good. 
    </div>  
    </body> 
</html> 

और मैं भी करने की कोशिश की:

<!DOCTYPE html> 
    <html> 
    <head> 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" type="text/javascript"></script> 
     <!-- Bootstrap --> 
     <link href="css/bootstrap.min.css" rel="stylesheet" media="screen"> 
    </head> 
    <body>  
    <div class="alert"> 
     <a href="#" class="close" data-dismiss="alert">×</a> 
     <strong>Warning!</strong> Best check yo self, you're not looking too good. 
    </div>  
    </body> 
    </html> 

क्या इसे खारिज करने के लिए याद आ रही है?

+8

अजीब नहीं है, क्योंकि आप पूरी तरह से bootstrap.js भूल गए हैं :) – davidkonrad

+2

यह काम करता है :) .... धन्यवाद :) .... आप इसे उत्तर के रूप में डाल सकते हैं ताकि मैं आपके अंक बढ़ा सकूं :) –

+3

कोई बात नहीं , बस एक सामान्य गलती - हर समय खुश रहता है :) – davidkonrad

उत्तर

19

davidkonrad की टिप्पणी के लिए धन्यवाद।
समाधान, तुच्छ है जोड़कर:

<script src="js/bootstrap.min.js"></script> 
+2

एक अन्य कारण हो सकता है: असहज त्रुटि: बूटस्ट्रैप की जावास्क्रिप्ट को jQuery की आवश्यकता है। फिर '% स्क्रिप्ट {: src =>'codecode.jquery.com/jquery.js '}' जोड़ना चाहिए –

0

मैं एक small, customisable, jquery plugin कि उपद्रव की एक न्यूनतम के साथ (के साथ या बंद करें बटन के बिना के रूप में आप इसकी आवश्यकता है) एक सही तरीके से लिखे बूटस्ट्रैप 3 चेतावनी लगाता है और आपने लिखा है की अनुमति देता है बॉक्स बंद होने के बाद इसे आसानी से पुन: उत्पन्न करने के लिए।

उपयोग, परीक्षण और उदाहरण के लिए https://github.com/davesag/jquery-bs3Alert देखें।

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