Php “模式”内的滑块，单击“下一步”时显示“模式”

所以，我在一个模型里面做一个幻灯片。这个想法是当用户点击“幻灯片放映”时，会弹出一个模式，显示图像的幻灯片放映。但是，当我单击“下一步”按钮查看下一幅图像时，模式突然关闭。我试图把代码禁用任何外部或按钮点击，但它仍然关闭

代码如下：

<button type="button" id="slide" class="btn btn-primary" data-toggle="modal" data-target="#mySlider">Persembahan Slaid</button><br><br><br>
<div class="modal fade" id="mySlider" tabindex="-1" role="dialog" aria-labelledby="mySliderLabel" aria-hidden="true" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Tutup</span></button>
            <h4 class="modal-title" id="mySliderLabel"><?php echo $title?></h4>
            </div>

            <div class="modal-body">
                <form ACTION="" method = "POST" enctype="multipart/form-data">
                    <div class="form-group">

                        <div class="w3-content w3-display-container">
                            <?php
                                $sql = "SELECT * FROM storytelling WHERE title = '$title' ORDER BY id";
                                $result = mysqli_query($db, $sql);
                                while($row = $result -> fetch_array())
                                {
                                ?>
                                <div class="w3-display-container mySlides">
                                    <?php echo "<img src = 'images/".$row['image']."' style='width:100%'>"; ?>
                                    <div class="w3-display-bottomright w3-large w3-container w3-padding-16 w3-black">
                                        <?php echo $row['text']?>
                                    </div>
                                </div>
                                <?php
                            }
                        ?>

                            <button class="w3-button w3-display-left w3-black" onclick="plusDivs(-1)">&#10094;</button>
                            <button class="w3-button w3-display-right w3-black" onclick="plusDivs(1)">&#10095;</button>
                            <script>
                            $(document).ready(function() {
                            $(window).keydown(function(event){
                            if(event.keyCode == 13) {
                            event.preventDefault();
                            return false;
                            }
                            });
                            });

                        var slideIndex = 1;
                        showDivs(slideIndex);

                        function plusDivs(n) {
                          showDivs(slideIndex += n);
                        }

                        function showDivs(n) {
                          var i;
                          var x = document.getElementsByClassName("mySlides");
                          if (n > x.length) {slideIndex = 1}    
                          if (n < 1) {slideIndex = x.length}
                          for (i = 0; i < x.length; i++) {
                             x[i].style.display = "none";  
                          }
                          x[slideIndex-1].style.display = "block";  
                        }
                        </script>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>

                        <?php if(isset($_POST['save']))
                        {
                          //target folder to keep the media
                          $target = "images/".basename($_FILES['image']['name']);

                          //get all submitted data from form
                          $image = $_FILES['image']['name'];
                          $text = $_POST['text'];

                          if(!empty($_FILES['image']['name']))
                          { 
                          $sql = "INSERT INTO storytelling(title, image, text ) VALUES ('$title', '$image', '$text')";
                          $result=mysqli_query($db, $sql);
                          if($result){
                            $message = "Cerita akan ditambah selepas diluluskan admin";
                            echo "<script type='text/javascript'>alert('$message');</script>";
                            header("Refresh:0");
                          } else {
                            $message = "Cerita gagal ditambah";
                            echo "<script type='text/javascript'>alert('$message');</script>";
                          }
                           move_uploaded_file($_FILES['image']['tmp_name'], $target); 
                           echo "<script type='text/javascript'>location.href='?title=$title';</script>";
                          }
                          else
                          {
                            $message = "Sila pilih semua fail";
                            echo "<script type='text/javascript'>alert('$message');</script>";
                          }


                        } 
                        ?>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>

波斯姆巴汉斯拉德


&时代；图图普 ❮ ❯ $（文档）.ready（函数（）{ $（窗口）.keydown（函数（事件）{ 如果（event.keyCode==13）{ event.preventDefault（）； 返回false； } }); }); var slideIndex=1； showDivs（slideIndex）； 函数plusDivs（n）{ showDivs（slideIndex+=n）； } 函数showDivs（n）{ var i； var x=document.getElementsByClassName（“mySlides”）； 如果（n>x.length）{slideIndex=1} 如果（n<1）{slideIndex=x.length} 对于（i=0；i您是否有其他可能绑定事件的函数？我的意思是：很多时候，modal有一个overlay div和一个onclick事件绑定到它：在modal之外的任何单击都会使它关闭，这可能是一个需要检查的点，或者是一个问题。那么，任何链接到滑块的点击都会干扰吗？是的，谢谢，希望你明天过得愉快。我使用modal从表单中传递数据，并将代码复制粘贴到该页面，但没有意识到仍然存在。在我擦去那部分后，它奇迹般地工作了。谢谢大家!@老学徒注意到有什么像绑定到“tutup”的开关打开/关闭触发器或链接/按钮/标签可能导致这种情况？很高兴它有帮助：）编码愉快！