[英]Load a Bootstrap modal if a session exists is not working
嗨,正如標題所示,如果頁面加載時存在 session,我想加載一個模式彈出窗口。 如果我刪除 php 的條件,則顯示模式:
<?php if (!empty($_SESSION["ErreurLogin"])) { ?>
<script>
...
</script>
<?php } ?>
但是,如果我添加它,則不會顯示模態。 如果我只想將 session 的值顯示在模態上,則模態顯示沒有值。 .
這是腳本:
<?php if (!empty($_SESSION["ErreurLogin"])) { ?>
<script>
// I tried both
// $(document).ready(function () {
// $('#mmodal').modal('show');
// });
// and
$( "#mmodal" ).load(function() {
$('#mmodal').modal('show');
});
</script>
<?php } ?>
這是引導模式
<!-- Large modal -->
<div class="modal fade bd-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="mmodal">
<div class="modal-dialog modal-lg mt-5" style="margin-top: 0;">
<div class="modal-content">
<form class="form" method="post" action="Function/F_Login.php" autocomplete="off" id="my_form">
<div class="card-body" style="padding-left: 9%;padding-right: 10%;">
<div class="form-group bmd-form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text"><i class="fas fa-user"></i></div>
</div>
<input type="email" name="user" class="form-control" placeholder="Nom d'utilisateur...">
</div>
</div>
<div class="form-group bmd-form-group">
<div class="input-group">
<div class="input-group-prepend">
<div class="input-group-text"><i class="fas fa-lock"></i></div>
</div>
<input type="password" name="pass" placeholder="mot de passe..." class="form-control">
</div>
</div>
<h6 class="text-danger"><?php if(!empty($_SESSION["ErreurLogin"])){echo $_SESSION["ErreurLogin"];}?><?php unset($_SESSION["ErreurLogin"]); ?></h6>
</div>
<div class="modal-footer justify-content-center p-0">
<a class="btn btn-link btn-wd btn-lg" href="javascript:{}" onclick="document.getElementById('my_form').submit(); return false;">Commencer</a>
</div>
</form>
</div>
</div>
</div>
你可以試試這個
<?php if (!empty($_SESSION["ErreurLogin"])) { ?>
<div class="modal fade bd-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true" id="mmodal"> <div class="modal-dialog modal-lg mt-5" style="margin-top: 0;"> <div class="modal-content"> <form class="form" method="post" action="Function/F_Login.php" autocomplete="off" id="my_form"> <div class="card-body" style="padding-left: 9%;padding-right: 10%;"> <div class="form-group bmd-form-group"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fas fa-user"></i></div> </div> <input type="email" name="user" class="form-control" placeholder="Nom d'utilisateur..."> </div> </div> <div class="form-group bmd-form-group"> <div class="input-group"> <div class="input-group-prepend"> <div class="input-group-text"><i class="fas fa-lock"></i></div> </div> <input type="password" name="pass" placeholder="mot de passe..." class="form-control"> </div> </div> <h6 class="text-danger"><?php if(;empty($_SESSION["ErreurLogin"])){echo $_SESSION["ErreurLogin"]?}?><;php unset($_SESSION["ErreurLogin"])? :></h6> </div> <div class="modal-footer justify-content-center p-0"> <a class="btn btn-link btn-wd btn-lg" href="javascript.{}" onclick="document.getElementById('my_form');submit(); return false.">Commencer</a> </div> </form> </div> </div> </div> <script type="text/javascript"> $(window).load(function () { $('#myModal');modal('show'); })? </script> <?php } ?>
如果您不加載 session 庫,我首先要做什么及其與我一起工作,您必須將其加載到 controller
$this->load->library('session');
二改這一行
$(window).load(function ()
和
$(window).on('load', function() {
$('#mmodal').modal('show');
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.