Question

我想在点击链接并打开Bootstarp模式时调用javascript函数。

当第一次Bootstarp Modal加载然后调用函数但是当我关闭Bootstrap Modal并再次单击同一链接并打开相同的Bootstrap Modal时，则不调用Function。

我想在每次打开Bootstrap Modal时调用函数。

Bootstrap Call Function：

$(document).on("click", "#update_project_image_modal", function() {
    var cid = $(this).data('id');
     console.log(cid);
     $.ajax({
         url: '<?=$this->config->base_url()?>admin_panel/update_project_images_popup',
         type: 'post',
         data: 'project_id=' + cid
     }).done(function(data) {
         jQuery('#categoryModal .modal-content').html(data);
         $('#categoryModal').modal({
            "backdrop" : "static"
        });
     });
 });

Bootstrap模态加载中的函数调用：

  $(document).ready(function($) {
    console.log('ready');
listFilesOnServer();
});

HTML表格（我点击链接打开Bootstarp模态）：

<table id="table3" class="display table table-bordered table-striped table-hover">
    <thead>
        <tr>
            <th> Name</th>
            <th> Location</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>jkhjk</td>
            <td>kjhjk</td>
            <td><a href="javascript:void(0)" id="update_project_image_modal" data-id="225"> Images</a>
            </td>
        </tr>
    </tbody>
</table>

Answer 1

Bootstrap有一个事件，在调用模态时触发：

show.bs.modal

调用show instance方法时会立即触发此事件。如果由单击引起，则单击的元素可用作事件的relatedTarget属性。

在你的情况下你会像这样使用它：

$('#categoryModal').on('show.bs.modal',function(evt){
    listFilesOnServer();
});

当我点击使用Codeigniter打开Bootstarp模态时，如何调用javascript函数erverytime？

1 个答案: