是否可以使用ajax调用模态?

时间:2014-02-25 07:31:53

标签: ajax codeigniter

$.ajax({
     type : 'POST',
     data : "",
     url : '<?php echo site_url("adduser/register_user");?>',
     success :   function(data){
                    $('#error').modal('show');
              }
});

上面的代码是我的代码,用于显示模态,但它不起作用。是否可以使用ajax显示模态?

1 个答案:

答案 0 :(得分:1)

你好像使用Bootstrap吗? 如果您阅读文档,则有更好的方法可以获得相同的结果:

在您的主文件中:

<a data-toggle="modal" href="<?php echo site_url('adduser/register_user');?>" data-target="#myModal">Click me</a>

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

然后在远程文件中:

<div class="modal-dialog">
<div class="modal-content">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title" id="myModalLabel">Modal title</h4>
  </div>
  <div class="modal-body">
    ...
  </div>
  <div class="modal-footer">
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
    <button type="button" class="btn btn-primary">Save changes</button>
  </div>
</div>

这将显示默认模态。手册中的更多信息:Bootstrap Modal