Jak wyświetlić wpisu w Bootstrap modalne

$(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>

chcę być wyświetlany alert w bootstrap modalne.

Źródło

2016-04-22 Riot Zeast Captain

Nie można zawierać okno alertu JS. Jeśli chcesz coś takiego jak okno alertu w modalu, zaprojektuj go za pomocą CSS/HTML i uruchom go za pomocą JS/jQuery – Tushar

Kilka informacji o tworzeniu modala z bootstrap http://www.w3schools.com/bootstrap/bootstrap_modal.asp http: //getbootstrap.com/javascript/#modals – spaceman

Czy próbujesz wyświetlić modal z tekstem "alert" w środku? Czy próbujesz wywołać alert przeglądarki z linku w modalu? – cbronson

utworzyć div błędzie w modalnej ciała. i ustawić błąd

$(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>

Źródło

2016-04-22 22:13:02

Prawdopodobnie nie zrozumiałem poprawnie twojego pytania, ale nie możesz użyć funkcji alertu, aby wyświetlić wiadomość wewnątrz elementu strony. Alert wyświetla alert systemowy poza stroną domową.

Jeśli chcesz wyświetlić komunikat wewnątrz modalu, musisz dołączyć (lub wstrzyknąć) znaczniki modalne w swojej stronie HTML, po prostu pokaż/ukryj modal za pomocą funkcji ładowania początkowego.

masz bardzo dobry przykład here

Źródło

2016-04-22 22:00:04

Jak wyświetlić wpisu w Bootstrap modalne

Odpowiedz

Powiązane problemy