Покажите модальное диалоговое окно после успеха в «IF-STATEMENT» - PullRequest
Новая
       5

Покажите модальное диалоговое окно после успеха в «IF-STATEMENT»

0 голосов
/ 14 января 2019

Я пытаюсь показать модальное диалоговое окно после результата оператора if, без кнопки, которая может его открыть, есть ли способ показать его, используя только ответ оператора условия?

В настоящее время я занимаюсь разработкой контроллера моделей. поэтому, когда я делаю вызов, я делаю что-то подобное в контроллере: 

if($response == "success"){
  <script>
    $(function() {
      $('#eventCreated').modal('show');
    });
  </script>
}

и модал внизу моего вида выглядит так: 

<div class="modal fade" id="eventCreated" tabindex="-1" role="dialog" aria- 
     labelledby="myModalLabel" aria-hidden="true">
      <div class="modal-dialog">
       <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">Great!</h4>
      </div>
      <div class="modal-body">
        This is test 
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data- 
         dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">create</button>
      </div>
    </div> 
  </div>
</div>

Ответы [ 2 ]

0 голосов
/ 14 января 2019

Попробуйте это: 

if($response == "success"){
  <script>
    $('#eventCreated').modal('show');
  </script>
}

В противном случае вы должны распечатать значение $ response.

0 голосов
/ 14 января 2019

надеюсь, что это полезно для вас, ведь это зависит от ответа. Я использую переменную ответа, чтобы показать только демо 

var response = "success";
if (response == "success") {

  $('#eventCreated').modal('show');

}
$("button").click(function(){
var response = "success";
if (response == "success") {

  $('#eventCreated').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/4.1.3/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</head>
<body>

<div class="container">
  <h2>Modal Example</h2>
  <!-- Button to Open the Modal -->
  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">
    Open modal
  </button>

  <!-- The Modal -->
  <div class="modal" id="eventCreated">
    <div class="modal-dialog">
      <div class="modal-content">
      
        <!-- Modal Header -->
        <div class="modal-header">
         <h4 class="modal-title" id="myModalLabel">Great!</h4>
      </div>
      <div class="modal-body">
        This is test 
      </div>
      <div class="modal-footer">
      <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        <button type="button" class="btn btn-primary">create</button>
        </div>
        
      </div>
    </div>
  </div>
  
</div>

</body>
</html>
...