SO - 31267816

by Arun P Johny

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap-theme.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.js"></script>
<button type="button" data-toggle="modal" data-target="#make-offer-success">Launch modal</button>

<div class="modal fade custom-modal" id="make-offer-success" 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" onclick="javascript:add_request()"><span aria-hidden="true"><i class="fa fa-close"></i></span></button>
            <h4 class="modal-title" id="myModalLabel"><?php echo $data['item']['brand'].' '.$data['item']['model'];?></h4>
        </div>
        <div class="modal-body">
            <div class="send-success"><i class="fa fa-check"></i> Your offer has been successfully sent</div>
        </div>
        <div class="modal-footer">
            <div class="col-md-6 btn-mrgn">
                <input type="hidden" id="item_unique_id" value="<?php echo $data['item']['item_unique_id']; ?>"/>
                <input type="hidden" id="buyer_id" value="<?php echo $this->session->userdata['id'] ?>"/>
                <button type="submit" class="btn gray-btn btn-common upercase" onclick="javascript:add_request()">Close</button>
            </div>
        </div>
    </div>
</div>

JavaScript

$('#make-offer-success').modal({show:false})

$('#make-offer-success').on('hide.bs.modal', function(){
    console.log('close')
});

function add_request(){
    $('#make-offer-success').modal('hide')
}