打开一个模式（在Codeigniter中），从一个依赖于php var的URL加载（在iframe中）内容

Question

我正在打开这个模式：

<div id="myModal" class="modal fade" aria-labelledby="myModalLabel" aria-hidden="true" tabindex="-1" role="dialog">
    <div class="modal-body" id="myModalBody">
            <script type="text/javascript">
                $(document).ready(function(){
                $("#contentHistorial").attr("src","<?php echo base_url('panel/usuarios_datos/historial/' . $item->usuId ) ?>");
            })
            </script>
            <iframe id="contentHistorial" src="<?php echo base_url('panel/usuarios_datos/historial/' . $item->usuId ) ?>"></iframe>
    </div>
</div>

我打电话给：

<a href="#" title="Historial del Usuario" data-toggle="modal" data-html="true" data-target="#myModal" data-content="">
<?php echo $item->usuRut;?>
</a>

我必须传递$ usuRut才能获得模态加载URL（视图）的内容，如：

面板/ usuarios_datos /史传/ 13

其中“ 13”必须是来自我所链接的usuId。

我可以加载模态和静态页面的内容（总是面板/ usuarios_datos / historial / 1的内容），但我无法设置加载链接的usuId ...任何帮助？

Answer 1

您可以从远程URL加载模式。 我假设你使用bootstrap。 莫代尔：

<!-- 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 -->

由......运营：

<a data-toggle="modal" href="[link]" data-target="#myModal">Click me !</a>

链接是您指向.modal-content的链接

示例小提琴： http ： //jsfiddle.net/koala_dev/NUCgp/918/