модальный показ не работает после вызова ajax

Question

Я столкнулся с проблемой. я создал форму редактирования бросить ajax модальный показ. мой код работает нормально, но модальное отображение с перекрытием.

вот мой код ..

$('.edit-currency').on('click', function(){
            // create the backdrop and wait for next modal to be triggered
            var el = $(this);
            var id = el.attr('data-id');
            var fullUrl = site_url+'/currency/edit/'+id;
            $('body').modalmanager('loading');
            setTimeout(function(){
                $currencyEditModal.load(fullUrl, '', function(){
                    $currencyEditModal.modal();
                });
            }, 1000);
        });

// мой модал называется

<a href="javascript:;" class="edit-currency" data-id="{{ $value->id }}">
                                                    <i class="fa fa-edit"></i> Edit </a>

<div id="ajax-currency" class="modal fade" tabindex="-1"> </div>

// контроллер

  public function edit($id)
{
    $data['page_title'] = $this->page_title;
    return view('currencies.ajax-edit', $data);
}

// вот мой

<div class="modal-dialog">
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title">Modal Title</h4>
    </div>
    <div class="modal-body"> Modal body goes here </div>
    <div class="modal-footer">
        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
        <button type="button" class="btn green">Save changes</button>
    </div>
</div>

вот мой выводной скриншот

Answer 1

удалить модальное диалоговое окно и модальное содержимое.

Это мой последний модальный

<div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria hidden="true"></button>
     <h4 class="modal-title">Modal Title</h4>
</div>
<div class="modal-body"> 
   Modal body goes here
</div>
<div class="modal-footer">
    <button type="button" class="btn dark btn-outline" data dismiss="modal">Close</button>
    <button type="button" class="btn green">Save changes</button>
</div>

Answer 2

Я думаю, что нет </div>?

<div class="modal-dialog">
<div class="modal-content">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
        <h4 class="modal-title">Modal Title</h4>
    </div>
    <div class="modal-body"> Modal body goes here </div>
    <div class="modal-footer">
        <button type="button" class="btn dark btn-outline" data-dismiss="modal">Close</button>
        <button type="button" class="btn green">Save changes</button>
    </div>
</div>
</div> <!-- missing end tag i think? -->