Question

我正在尝试使用CodeIgniter通过Ajax Load使Bootstrap3模式工作。我试过了this，但它还没有用。当我按照文档中的内容使用它时非常简单，但我希望它是通过ajax加载，就像我为bootstrap 2.3.2所做的那样。我想弄清楚几天，但没有运气。

这是我的代码：

查看:(触发模态的那个）

<li role="presentation">
   <a data-toggle="modal" href="<?php echo $this->config->item('Ompty_URL'); ?>/edit" data-target="#myModal">Edit Information</a>
</li>

控制器：

function edit(){
   $this->load->view('system/modals/edit_form');
}

查看:(我的模态内容）

<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<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">Modal title</h4>

        </div>
        <div class="modal-body"><div class="te"></div></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>
    <!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- /.modal -->

有人能帮助我吗？

Answer 1

您的模态包装id与您的链接data-target不匹配。

变化：

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

为：

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

希望这有帮助！

通过Ajax加载Bootstrap 3模态（CodeIgniter）

1 个答案: