如何回显bootstrap模式？

Question

我希望在用户想要提交时回显一个引导模式但是它们还没有填满空白。 我想要我的模态表明，请填写所有空白！ 我确实试过这个

 if ($firstname == "" || $lastname == "" || $username == "" || $pass == "" || $email == "" || $phone == "" || $level =="") {
echo "<script> $('#myModal').modal('show');
           </script>";

这是我的数据模式（我无法在此网站上传此代码，因此我必须发布图片。）

我的代码在这里：

<div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">

          请填空！        

但是当我点击按钮时它什么都没显示，你能帮助我吗？

Answer 1

您只是在脚本标记中盲目地呈现jQuery语句。这将在浏览器呈现后立即执行 - 因此很可能没有加载jQuery库而且$符号未绑定，这应该会炸毁你的控制台。

一般来说，echo "some mark-up";的模式很糟糕。对于任何多行语句，我更喜欢看

<?php if(some_condition){ ?> 
   just write your mark-up here.
<?php } ?>

尝试将其包装在$(document).ready(function() { stuff that depends on stuff });中，这样您至少知道jQuery在运行之前已加载。

例如

<?php if ($firstname == "" || $lastname == "" || $username == "" || $pass == "" || $email == "" || $phone == "" || $level =="") { ?>
 <script> 
   $(document).ready(function(){ 
     $('#myModal').modal('show');
   });
 </script>
<?php } ?>