कैसे बूटस्ट्रैप मोडल में एक चेतावनी प्रदर्शित करने के लिए

$(window).load(function(){ 
 
    $('.alertbox').click(function(){ 
 
    alert('You Clicked on Click Here Button'); 
 
    }); 
 
    })

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> 
 
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"> </script> 
 
    
 
<div> 
 
    <a class="alertbox" href="#clicked"> Click Here</a> 
 
</div>

मैं चेतावनी बूटस्ट्रैप मोडल में प्रदर्शित करना चाहते हैं।

स्रोत

2016-04-22 Riot Zeast Captain

आप जे एस चेतावनी बॉक्स शामिल नहीं हो सकता निर्धारित किया है। यदि आप एक मोडल में अलर्ट बॉक्स की तरह कुछ चाहते हैं, तो इसे सीएसएस/एचटीएमएल का उपयोग करके डिजाइन करें और जेएस/jQuery – Tushar

का उपयोग करके इसे ट्रिगर करें बूटस्ट्रैप के साथ एक मॉडल बनाने के बारे में कुछ जानकारी http://www.w3schools.com/bootstrap/bootstrap_modal.asp http: //getbootstrap.com/javascript/#modals – spaceman

क्या आप अंदर "अलर्ट" टेक्स्ट के साथ एक मोडल प्रदर्शित करने का प्रयास कर रहे हैं? या आप एक मोडल के भीतर एक लिंक से ब्राउज़र अलर्ट ट्रिगर करने की कोशिश कर रहे हैं? – cbronson

मोडल शरीर में त्रुटि div बनाएँ है। और त्रुटि

$(document).ready(function(){ 
 
    $('#alertbox').click(function(){ 
 
    $("#error").html("You Clicked on Click here Button"); 
 
     $('#myModal').modal("show"); 
 
    }); 
 
    });

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
</head> 
 
<body> 
 

 
<div class="container"> 
 
    <h2>Modal Example</h2> 
 
    <!-- Trigger the modal with a button --> 
 
    <button type="button" class="btn btn-info btn-lg" id="alertbox">Click here</button> 
 

 
    <!-- Modal --> 
 
    <div class="modal fade" id="myModal" role="dialog"> 
 
    <div class="modal-dialog"> 
 
    
 
     <!-- Modal content--> 
 
     <div class="modal-content"> 
 
     <div class="modal-header"> 
 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
 
      <h4 class="modal-title">Modal Header</h4> 
 
     </div> 
 
     <div class="modal-body"> 
 
      <p id="error"></p> 
 
     </div> 
 
     <div class="modal-footer"> 
 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
 
     </div> 
 
     </div> 
 
     
 
    </div> 
 
    </div> 
 
    
 
</div> 
 

 
</body> 
 
</html>

स्रोत

2016-04-22 22:13:02

शायद मैं आपके प्रश्न को सही ढंग से समझ नहीं पाया, लेकिन आप एक पृष्ठ तत्व के अंदर एक संदेश प्रदर्शित करने के लिए अलर्ट फ़ंक्शन का उपयोग नहीं कर सकते हैं। अलर्ट पेज डोम के बाहर एक सिस्टम अलर्ट प्रदर्शित करता है।

यदि आप एक मॉडल के अंदर एक संदेश प्रदर्शित करना चाहते हैं तो आपको अपने पेज एचटीएमएल में मोडल मार्कअप को शामिल करना (या इंजेक्ट करना) है, तो आप बस बूटस्ट्रैप कार्यों के माध्यम से मोडल को दिखा/छुपाएं।

आप एक बहुत अच्छा उदाहरण here

स्रोत

2016-04-22 22:00:04

कैसे बूटस्ट्रैप मोडल में एक चेतावनी प्रदर्शित करने के लिए

उत्तर

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