在Isset PHP中使用模式

Question

我试图在表格中单击“提交”时打开一个模式。 我尝试将动画更改为fadeIn因为使用淡入模式会仅显示闪光。

当我使用fadeIn模态时的结果出现，但fadeIn显示，并且我没有在整个页面中包含任何计时器或刷新。

我可以有一个示例代码来显示模态并设置条件吗

if(isset($_POST['pending']))     {  ...alert ..}

或请对此发表评论。

因为我无法正确使用和查看模式。

注意：它具有用于模式和jquery的引导程序，但我在本文中未包括在内

  while($record = mysql_fetch_array($myData)) { echo "<form action='dir_1.php' method='POST'>"; echo "<tr>"; echo '<td><input type="submit" class="btn btn-info btn-lg" data-toggle="modal" data-target="#myModal" /></td>'; echo "</tr>"; echo "</form>"; } 

 if(isset($_POST['pending'])){ echo(' <div class="modal fadeIn" 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"> <h2>Enter your First and Last Name</h2> <form action="submit_prompt.php" method="post"> <p><strong>First Name:</strong><br /> <input type="text" name="notes" id="input1"/></p> <input type="submit" name="submit" value="Add" /> </div> <div class="modal-footer"> <input type="submit" name="submit" value="Add" /> <button type="button" onclick="play()" class="btn btn-default" data-dismiss="modal">Close</button> </form> </div> </div> </div> </div> '); } 

Answer 1

您是否尝试过使用JavaScript触发：

<?php if(isset($_POST['pending'])) { ?>
<script>
$( document ).ready(function() {
    $('#myModal').modal('show')  
});
</script>
<?php } ?>

快速浏览器测试，testmodal.php：

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">

<div class="modal fadeIn" 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">
        <h2>Enter your First and Last Name</h2>
            <form action="submit_prompt.php" method="post">
                    <p><strong>First Name:</strong><br /> 
                        <input type="text" name="notes" id="input1"/></p>
                        <input type="submit" name="submit" value="Add"  />

    </div>

    <div class="modal-footer">
         <input type="submit" name="submit" value="Add"  />
        <button type="button" onclick="play()" class="btn btn-default" data-dismiss="modal">Close</button>
        </form>
    </div>

</div>
</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<?php if(isset($_GET['pending'])) { ?>
<script>
$( document ).ready(function() {
    $('#myModal').modal('show')  
});
</script>
<?php } ?>

在浏览器中：

http://your-domain/testmodal.php?pending=fakevar