рендеринг модального загрузчика с использованием частичного представления и вызова ajax делает все поля недоступными для редактирования (если сам модал)

Question

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

// Просмотр

[@section Scripts{
    <script type="text/javascript">
        function editRole(id) {
            if (!id) { return false; }
            tools.AjaxPost("/Roles/Edit", { id: id }).always(function (data) {
                tools.setHtmlElement("edit", data.responseText);
                tools.showModal("roleModal");
            });
        }
    </script>
}

//partial view 
@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()

    <div id="roleModal" class="modal fade" role="dialog" tabindex="-1">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">تعديل الدور</h4>
                    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
                    @Html.HiddenFor(model => model.ID)
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        @Html.LabelFor(model => model.Name, htmlAttributes: new { @class = "control-label col-md-2" })
                        <div class="col-md-10">
                            @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control" } })
                            @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <div class="form-group">
                        <div class="col-md-offset-2 col-md-10">
                            <input type="submit" value="Save" class="btn btn-default" />
                        </div>
                    </div>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>
}][1]