Загрузить частичный вид как модальный при нажатии кнопки

Question

Итак, я пытаюсь загрузить после нажатия на кнопку частичное представление с контроллера, содержащее модальный загрузчик.

Я не уверен, где проблема, но когда я нажимаюПри первом нажатии DOM добавляется, но модальный не отображается. Во второй раз, когда я нажимаю, модал показывается в течение <1 с, а затем я получаю только серый модальный фон. </p>

Моя кнопка

"<button class='btn btn-info edit-category' onclick='showModal()' data-category-id='" + full.id + "'>Edit</button>"

Моя showModal -функция:

function showModal(){
    $("#div1").load("/Category/EditCategory");
    $("#createCategory").modal();
}

Моя операция частичного просмотра:

public ActionResult EditCategory()
{
    return PartialView("Admin/_CategoryAdd", new CategoryDetailModel{Title = "Test"});
}

Частьиз моего PartialView "_CategoryAdd":

@model CategoryDetailModel

<div class="modal" id="createCategory" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">Modal title</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <form asp-action="Create" asp-controller="Category"
                  data-ajax="true"
                  data-ajax-method="POST"
                  data-ajax-mode="replace"
                  data-ajax-failure="failed"
                  data-ajax-success="success">

забавно то, что когда я НЕ нажимаю кнопку и не ввожу обе строки в браузер-консоль, все работает как положено. Когда я выполняю метод в консоли, это то же самое, что и нажатие кнопки.

Я также подумал, может быть, это время, поэтому я добавил setTimeout с 5000 мс, но не сработало. Есть идеи?