使用php调用bootstrap模态显示事件

时间:2013-02-04 11:13:01

标签: php javascript jquery twitter-bootstrap

我想用php代码调用modal('show')事件。我怎样才能做到这一点?我尝试了以下方法:

if(isset($_POST['Edit'])){
echo "<script> $('#Modal').modal('show') </script>";} 

我运行此代码,但echo "<script> $('#Modal').modal('show') </script>";无效。如何在单击图像输入时显示模态?我不想用图像打电话。

输入:

<input type="image" src="image.png" name="Edit" value="Edit" alt="Edit" />

模态:

<div class="modal hide fade" id="Modal" >
     <form method="post">
          <div class="modal-header">
               <button type="button" class="close" data-dismiss="modal" style="margin-top:-10px">×</button>
          </div>
          <div class="modal-body">
               <textarea id="text" name="text">Test</textarea>
          </div>
          <div class="modal-footer">
          </div>
    </form>
</div>

2 个答案:

答案 0 :(得分:8)

设置document.ready函数,如下所示:

echo "<script type='text/javascript'>
$(document).ready(function(){
$('#Modal').modal('show');
});
</script>";

另外,如果你有一个模态登录表单,并且需要在提交(或$ _POST)提醒单独模态中的任何提交错误时,这项工作也很好。

答案 1 :(得分:0)

您可以使用jquery fadeIn函数来显示模型

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

更改为

$('#Modal').fadeIn('show');

希望它会对你有所帮助。