Question

这是一个表格：

    <form method="post" action="save">
        <!--... some input field ...-->
        <input type="submit" value="Submit">
    </form>

框架（我使用CodeIgniter）将save requst映射到一个函数：

function saveAction()
{
    // some other logics
    $data['result'] = 'success';
    $this->load->view('result',$data);
}

然后跳转到结果页面

<h1><?php echo $result ?></h1>

上面的过程非常常见，但我想使用twitter-bootstrap在模态中显示结果页面。就像

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <h1><?php echo $result ?></h1>
    </div>
</div>

怎么做？我想也许需要一些ajax回调。

关于Bootstrap模型：http://getbootstrap.com/javascript/#modals

Answer 1

首先初始化你的模态：

$("#myModal").modal({show:false});

使用新结果更新内容并显示模式：

function saveAction()
{
    // some other logics
    $data['result'] = 'success';
    $("#myModal div:first").html('<h1>'+$data+'</h1>');
    $('#myModal').modal('show')
}

如何在bootstrap模式中显示结果

1 个答案: